Pseudoklasas invalid

Pseudoklasas invalid nustato stilių įvesties laukui, į kurį buvo įvesta neteisinga reikšmė arba reikšmė, neatitinkanti nurodyto tipo.

Sintaksė

cssselektorius: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:

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