Pseudoklass invalid
Pseudoklass invalid määrab stiili
sisendväljale, kuhu on sisestatud vale
väärtus või väärtus, mis ei vasta määratud
tüübile.
Süntaks
valija:invalid {
}
Näide
Muudame sisendvälja tausta roosaks, kui sisestatakse vale väärtus, ja tagasi roheliseks, kui väärtus läbis valitud tüübile vastavuse kontrolli:
<p>Sisesta oma e-post</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Vaata ka
-
pseudoklass
:valid,
mis määrab stiili sisendväljale, kuhu on sisestatud õige väärtus -
pseudoklass
:default,
mis määrab stiili vaikimisi elementidele -
pseudoklass
:in-range,
mis määrab stiili elementidele, millel on määratud väärtuste vahemik -
pseudoklass
:out-of-range,
mis määrab stiili elementidele, mille väärtused jäävad väljapoole vahemikku
