Pseudoclasse valid
La pseudoclasse valid definisce lo stile
per gli input in cui è stato inserito un valore corretto
o un valore corrispondente al tipo
specificato.
Sintassi
selettore:valid {
}
Esempio
Cambiamo il colore di sfondo dell'input in rosa, quando viene inserito un valore non valido, e torniamo al verde, quando il valore ha superato la convalida del tipo selezionato :
<p>Inserisci la tua email</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Vedi anche
-
la pseudoclasse
:invalid,
che definisce lo stile per un input in cui è stato inserito un valore non valido -
la pseudoclasse
:out-of-range,
che definisce lo stile per gli elementi i cui valori sono fuori intervallo -
la pseudoclasse
:in-range,
che definisce lo stile per gli elementi con un intervallo di valori specificato
