Pseudoklasas valid

Pseudoklasas valid nustato stilių įvesties laukams, į kuriuos įvesta teisinga reikšmė arba reikšmė atitinkanti nurodytą tipą.

Sintaksė

cssselektorius:valid {
  
}

Pavyzdys

Pakeiskime įvesties lauko foną į rožinę spalvą, kai įvedama neteisinga reikšmė ir atgal į žalią spalvą, kai reikšmė atitinka pasirinktą tipą:

html<p>Įveskite savo el. paštą</p>
<p><input type="email"></p>

cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

Taip pat žiūrėkite