Селектор CSS для маркировки, обязанной вводить

Есть ли путь в CSS для выбора labels связанный с input поля (через for атрибут) наличие required атрибут установлен? Что-то как:

label:input[required] {
  ...
}

В настоящее время добавляю я class="required" к маркировкам и исходным данным для моделирования. У меня теперь есть атрибут HTML5 required="required" в необходимых полях ввода. Было бы хорошо удалить избыточные атрибуты класса.

Самый близкий ответ, который я нашел, не использует label элемент for атрибут, но потребовал бы что label будьте непосредственно смежны с входом в HTML.

28
задан Community 23 May 2017 в 12:24
поделиться

1 ответ

Как насчет селекторов атрибутов CSS 2 Он довольно совместим среди браузеров.

Пример:

<style>
label[required=required]
{
color: blue;
}
</style>
<label required="required" for="one">Label:</label><input name="one" id="one" />

Также проверьте это .

8
ответ дан 28 November 2019 в 03:55
поделиться
Другие вопросы по тегам:

Похожие вопросы: