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ă
selector: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:
<p>Introduceți email-ul</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Vezi și
-
pseudoclasa
:valid,
care definește stilul pentru input în care a fost introdusă o valoare corectă -
pseudoclasa
:default,
care definește stilul pentru elementele implicite -
pseudoclasa
:in-range,
care definește stilul pentru elementele cu interval de valori specificat -
pseudoclasa
:out-of-range,
care definește stilul pentru elementele ale căror valori depășesc limitele intervalului
