CSS : неверный селектор
Пример
Выберите и стилизуйте, только если значение элемента <input> недействительно:
input:invalid
{
border: 2px solid red;
}
Определение и использование
Селектор :invalid
выбирает элементы формы со значением, которое не соответствует параметрам настройки элемента.
Примечание . Селектор :invalid работает только для элементов формы с ограничениями, таких как элементы ввода с атрибутами min и max, поля электронной почты без официального адреса электронной почты или числовые поля без числового значения и т. д.
Совет. Используйте селектор :valid для выбора элементов формы со значением, которое проверяется в соответствии с настройками элемента.
Версия: | CSS3 |
---|
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает селектор.
Selector | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Синтаксис CSS
:invalid {
css declarations;
}
Связанные страницы
Селектор CSS : действительный