Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Псевдоклассы CSS/ Псевдокласс :valid

Псевдокласс :valid

Псевдокласс :valid описывает поле формы в случае, когда оно заполнено корректно.

В случае если поле заполнено некорректно (например, вместо e-mail введен текст и т. д.), оно не описывается данным псевдоклассом.

Допустимые значения

Применимо к элементам управления
Соответсвие версиям CSS CSS 3
Поддерживается браузерами
  • Firefox 4 и выше
  • Opera 9.6 и выше
  • Safari 5 и выше
  • Chrome 4 и выше

Пример


input:valid{
background:green;
}


Твой код:

Результат: