CSS :user-valid Pseudo-Selektor

Definition und Verwendung

CSS :user-valid Pseudo-Selektoren werden verwendet, um das Stil der gültigen Formularelemente nach der Interaktion des Benutzers zu setzen.

Hinweis:Verwendung :user-invalid Stellen Sie das Stil der nicht gültigen Formularelemente ein (nach der Benutzerinteraktion).

Beispiel

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

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

Versuchen Sie es selbst

CSS-Syntax

:user-valid {
  css-Anweisungen;
}

Technische Details

Browser-Unterstützung

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

Verwandte Seiten

Referenz:CSS :user-invalid Pseudo-Klasse