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