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