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

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

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

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

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

Пример


input:invalid{
background:red;
}


Твой код:

Результат: