пример
Выберите стиль и только тогда , когда значение <input> элемент действителен:
input:valid
{
background-color: yellow;
}
Попробуй сам " Определение и использование
: Действительный селектор выбирает элементы формы со значением, которое проверяет в соответствии с настройками элемента.
Примечание:: допустимый селектор работает только для элементов формы с ограничениями, такими как входных элементов с мин и атрибуты макс, полей электронной почты с юридической электронной почты или номер поля с числовым значением и т.д.
Совет: Используйте : недействительный селектор для выбора элементов формы со значением , которое не проверяет в соответствии с настройками элемента.
| Версия: | CSS3 |
|---|
Поддержка браузеров
Числа в таблице определяет первую версию браузера, который полностью поддерживает селектор.
| селектор | |||||
|---|---|---|---|---|---|
| :valid | 10,0 | 10,0 | 4.0 | 5.0 | 10,0 |
CSS Синтаксис
Похожие страницы
CSS селектор : Invalid