CSS :user-invalid Pseudo-CLASS

Definition und Verwendung

CSS :user-invalid Pseudo-CLASSen werden verwendet, um den Stil ungültiger Formularelemente nach Benutzerinteraktion zu setzen.

Hinweis:Verwendung :user-valid Pseudo-CLASSen stellen den Stil der gültigen Formularelemente ein (nach Benutzerinteraktion).

Beispiel

Stellen Sie den Stil des <input>-Elements ein, das nach der Interaktion des Benutzers ungültig ist:

input:user-invalid {
  border: 2px solide rot;
  background-color: beige;
}

Versuchen Sie es selbst

CSS-Syntax

:user-invalid {
  css-Anweisungen;
}

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den Pseudo-CLASS vollständig unterstützt.

Verwandte Seiten

Referenz:CSS :user-valid Pseudo-Klasse