Pseidoklase invalid

Pseidoklase invalid nosaka stilu ievades laukam, kurā ievadīta nepareiza vērtība vai vērtība, kas neatbilst norādītajam tipam.

Sintakse

cssselektors:invalid {

}

Piemērs

Pārkrāsosim ievades lauka fona krāsu rozā, kad tiek ievadīta nepareiza vērtība, un atpakaļ zaļā krāsā, kad vērtība ir izturējusi pārbaudi atbilstībai izvēlētajam tipam:

html<p>Ievadiet savu e-pastu</p>
<p><input type="email"></p>

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

Результат:

Skatiet arī