Pseudoklasas invalid
Pseudoklasas invalid nustato stilių
įvesties laukui, į kurį buvo įvesta neteisinga
reikšmė arba reikšmė, neatitinkanti nurodyto
tipo.
Sintaksė
selektorius:invalid {
}
Pavyzdys
Pakeiskime įvesties lauko foną į rožinę spalvą, kai įvedama neteisinga reikšmė, ir atgal į žalią spalvą, kai reikšmė atitinka pasirinkto tipo reikalavimus:
<p>Įveskite savo el. paštą</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Taip pat žiūrėkite
-
pseudoklasas
:valid,
kuris nustato stilių įvesties laukui, į kurį buvo įvesta teisinga reikšmė -
pseudoklasas
:default,
kuris nustato stilių numatytiesiems elementams -
pseudoklasas
:in-range,
kuris nustato stilių elementams su nurodytu reikšmių diapazonu -
pseudoklasas
:out-of-range,
kuris nustato stilių elementams, kurių reikšmės išeina už diapazono ribų
