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