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

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

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

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

пример

выберите и установите стиль для эффективного элемента <input>:

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

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

CSS грамматика

:valid {
  css declarations;
}

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

версия: CSS4

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

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

Chrome Edge Firefox Safari Opera
10 12 4 5 10

соответствующие страницы

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