Pseudo-classe :user-invalid CSS

Definizione e uso

CSS :user-invalid I pseudo-classe vengono utilizzati per impostare lo stile degli elementi di modulo invalidi dopo che l'utente ha interagito con essi.

Suggerimento:Utilizzo :user-valid Stile degli elementi di modulo validi (dopo l'interazione dell'utente).

Esempio

Stile dell'elemento <input> invalido dopo che l'utente ha interagito con esso:

input:user-invalid {
  border: 2px solid red;
  background-color: beige;
}

Prova personalmente

Sintassi CSS

:user-invalid {
  declarazioni CSS;
}

Dettagli tecnici

Supporto del browser

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

Pagine correlate

Riferimento:Pseudo-classe CSS :user-valid