Псевдокласс CSS :invalid

Определение и использование

CSS :invalid Псевдоклассы используются для установки стиля для неvalid элементов формы.

Внимание:Этот псевдокласс применяется только к форменным элементам с ограничениями, например, к элементам ввода с атрибутами min и max, к полю ввода электронной почты без действительного адреса электронной почты или к полю ввода чисел без значения и т.д.

Внимание:Если один из радиobuttonов в группе обязательный, то этот псевдокласс будет применяться ко всем radiobuttonам, если в группе не выбран ни один из них.

Совет:Использование :valid Псевдоклассы устанавливают стиль для valid элементов формы.

Пример

Установите стиль для неvalid элементов <fieldset> и <input>:

fieldset:invalid {
  border: 2px solid red;
  background-color: beige;
}
input:invalid {
  border: 2px solid red;
  background-color: beige;
}

Попробуйте сами

Грамматика CSS

:invalid {
  css declarations;
}

Технические детали

Версия: CSS4

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот псевдокласс.

Кروм Эдж Фаерфокс Сафари Опера
10 12 4 5 10

Связанные страницы

См. также:Выборщик :valid в CSS