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

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

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

Совет:Использование :user-valid Псевдокласс устанавливает стиль для элементов формы, которые становятся активными после взаимодействия пользователя (после взаимодействия).

Пример

Установите стиль для элементов <input>, которые становятся неактивными после взаимодействия пользователя:

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

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

CSS грамматика

:user-invalid {
  css declarations;
}

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

Версия: CSS4

Поддержка браузерами

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

Кроме Эдж Фаерфокс Сафари Опера
119 119 88 16.5 105

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

См. также:Псевдокласс :user-valid в CSS