Pseudotrieda valid

Pseudotrieda valid nastavuje štýl pre inputy, do ktorých sa zadala správna hodnota alebo hodnota zodpovedajúca zadanému typu.

Syntax

cssselektor:valid {
  
}

Príklad

Zafarbíme pozadie inputu na ružovú farbu, keď sa zadáva nesprávna hodnota a späť na zelenú farbu, keď hodnota prešla kontrolou na zhodu so zvoleným typom:

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

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

Результат:

Pozrite tiež