Pseudoclasa invalid

Pseudoclasa invalid definește stilul pentru input în care a fost introdusă o valoare incorectă sau o valoare care nu corespunde tipului indicat.

Sintaxă

cssselector:invalid {

}

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 conformității cu tipul selectat:

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

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

Результат:

Vezi și