A valid pszeudoklasszusz
A valid pszeudoklasszusz stílust határoz meg
azokhoz az inputmezőkhöz, amelyekbe helyes
értéket írtak, vagy a megadott típusnak
megfelelő értéket.
Szintaxis
szelektor:valid {
}
Példa
Változtassuk az inputmező hátterét rózsaszínre, amikor helytelen értéket írnak be, és zöldre vissza, amikor az érték átment a kiválasztott típus ellenőrzésén:
<p>Írja be az e-mail címét</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Lásd még
-
a
:invalidpszeudoklasszusz,
amely stílust határoz meg a helytelen értéket tartalmazó inputmezőkhöz -
a
:out-of-rangepszeudoklasszusz,
amely stílust határoz meg a tartományon kívüli értékekkel rendelkező elemekhez -
a
:in-rangepszeudoklasszusz,
amely stílust határoz meg a megadott értéktartományban lévő elemekhez
