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

cssselettore: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 :

html<p>Inserisci la tua email</p>
<p><input type="email"></p>

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

Результат:

Vedi anche