Pseudoklasas valid
Pseudoklasas valid nustato stilių
įvesties laukams, į kuriuos įvesta teisinga
reikšmė arba reikšmė atitinkanti nurodytą
tipą.
Sintaksė
selektorius:valid {
}
Pavyzdys
Pakeiskime įvesties lauko foną į rožinę spalvą, kai įvedama neteisinga reikšmė ir atgal į žalią spalvą, kai reikšmė atitinka pasirinktą tipą:
<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
:invalid,
kuris nustato stilių įvesties laukui, į kurį įvesta neteisinga reikšmė -
pseudoklasas
:out-of-range,
kuris nustato stilių elementams, kurių reikšmės išeina už leistino diapazono ribų -
pseudoklasas
:in-range,
kuris nustato stilių elementams su nurodytu reikšmių diapazonu
