A valid pszeudoklasszusz

A valid pszeudoklasszusz stílust határoz meg azokhoz az inputmezőkhöz, amelyekbe helyes értéket írtak, vagy a megadott típusnak megfelelő értéket.

Szintaxis

cssszelektor:valid {
  
}

Példa

Változtassuk az inputmező hátterét rózsaszínre, amikor helytelen értéket írnak be, és zöldre vissza, amikor az érték átment a kiválasztott típus ellenőrzésén:

html<p>Írja be az e-mail címét</p>
<p><input type="email"></p>

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

Результат:

Lásd még