#css
#css
Вопрос:
Я использую angular 7. И я хочу, чтобы метка с красными звездочками была обязательной, когда у метки есть required атрибут. Я написал app.component.css , как показано ниже, Stackblitz. Но это не сработало. В чем может быть причина неработоспособности? (Или другой способ выполнить эту работу?)
app.component.css
label.required::after {
content: " *";
color: red;
}
app.component.html
<label required>Test Content</label>
Я хочу показать результат как
Test Content *
Комментарии:
1. Вы имеете в виду вот так? stackblitz.com/edit/angular-u32thr
2. Спасибо @Vega.
label[required]::after {content: " *"; color: red;}это то, что я искал.
Ответ №1:
label.required является селектором для ярлыка с классом required .
<label class="required">
Для метки с атрибутом required это было бы label[required] .
Кстати, это чистый CSS и не имеет абсолютно никакого отношения к Angular и TypeScript.
Комментарии:
1. Спасибо, это сработало. @JBNizet. Вы правы. Я сначала думаю решить это с помощью
directive. Но это лучший способ. Я изменюangularключевое слово.