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

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

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

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

пример

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

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

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

CSS грамматика

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

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

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

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

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

المرجع:الصفة المزيفة :user-valid CSS