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
selektors: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:
<p>Ievadiet savu e-pastu</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Skatiet arī
-
pseidoklase
:valid,
kas nosaka stilu ievades laukam, kurā ievadīta pareiza vērtība -
pseidoklase
:default,
kas nosaka stilu elementiem pēc noklusējuma -
pseidoklase
:in-range,
kas nosaka stilu elementiem ar noteiktu vērtību diapazonu -
pseidoklase
:out-of-range,
kas nosaka stilu elementiem, kuru vērtības pārsniedz diapazonu
