Psevdorazred invalid

Psevdorazred invalid določa slog za vnosno polje, v katerega je bila vnesena nepravilna vrednost ali vrednost, ki ne ustreza določenemu tipu.

Sintaksa

cssizbiralnik:invalid {

}

Primer

Pobarvajmo ozadje vnosnega polja v rožno barvo, ko je vnesena nepravilna vrednost, in nazaj v zeleno barvo, ko vrednost ustreza izbranemu tipu:

html<p>Vnesite svoj e-poštni naslov</p>
<p><input type="email"></p>

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

Результат:

Glejte tudi