Pseudo-classe :valid CSS

Definizione e uso

CSS :valid I pseudo-classe vengono utilizzati per impostare lo stile degli elementi del modulo validi.

Suggerimento:Usare :invalid Selezionare e impostare lo stile degli elementi del modulo non validi.

Esempio

Seleziona e imposta lo stile dell'elemento <input> valido:

input:valid {
  background-color: beige;
  border: 2px solid green;
}

Prova personalmente

Sintassi CSS

:valid {
  declarazioni css;
}

Dettagli tecnici

Versione: CSS4

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta il pseudo-classe per la prima volta.

Chrome Edge Firefox Safari Opera
10 12 4 5 10

Pagina relativa

Riferimento:Pseudo-classe :invalid CSS