Pseudotrieda invalid

Pseudotrieda invalid nastavuje štýl pre input, do ktorého bola zadaná nesprávna hodnota alebo hodnota nezodpovedajúca zadanému typu.

Syntax

cssselektor:invalid {

}

Príklad

Prefarbíme pozadie inputu na ružovú farbu, keď je zadaná nesprávna hodnota a späť na zelenú farbu, keď hodnota prešla kontrolou zodpovednosti zvoleného typu:

html<p>Zadajte Váš email</p>
<p><input type="email"></p>

cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

Pozrite tiež