Pseudoclasa valid

Pseudoclasa valid definește stilul pentru input-uri în care a fost introdusă o valoare corectă sau o valoare corespunzătoare tipului indicat.

Sintaxă

cssselector:valid {
  
}

Exemplu

Să colorăm fundalul input-ului în roz, când se introduce o valoare incorectă și înapoi în verde, când valoarea a trecut verificarea conform tipului selectat:

html<p>Introduceți email-ul</p>
<p><input type="email"></p>

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

Результат:

Vedeți și