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

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

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

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

Пример

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

input:user-valid {
  border: 2px solid green;
  background-color: beige;
}

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

CSS грамматика

:user-valid {
  css declarations;
}

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

Версия: CSS4

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

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

Chrome Edge Firefox Сafari Опера
119 119 88 16.5 105

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

См. также:Думчик :user-invalid в CSS