A :invalid pszeudoklasszús
A :invalid pszeudoklasszús olyan input mezők
stílusát határozza meg, amelyekbe helytelen vagy
a megadott típusnak nem megfelelő
értéket írtak.
Szintaxis
szelektor:invalid {
}
Példa
Változtassuk a beviteli mező hátterét rózsaszínre, amikor helytelen értéket írnak be, és zöldre vissza, amikor az érték megfelel a kiválasztott típus ellenőrzésének:
<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
:validpszeudoklasszús,
amely a helyes értéket tartalmazó input mező stílusát határozza meg -
a
:defaultpszeudoklasszús,
amely az alapértelmezett elemek stílusát határozza meg -
a
:in-rangepszeudoklasszús,
amely a megadott értéktartományú elemek stílusát határozza meg -
a
:out-of-rangepszeudoklasszús,
amely a tartományon kívüli értékeket tartalmazó elemek stílusát határozza meg
