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

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

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

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

пример

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

input:user-valid {
  border: 2px solid green;
  background-color: бежевый;
}

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

CSS грамматика

:user-valid {
  css объявления;
}

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

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

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

الصفحات ذات الصلة

المرجع:القناع :user-invalid CSS