CSS :valid Pseudo-Klasse

Definition und Verwendung

CSS :valid Pseudo-Klassen werden verwendet, um den style effektiver Formularelemente zu setzen.

Hinweis:Verwenden :invalid Wählen Sie den style für den style der ungültigen Formular-Elemente.

Beispiel

Wählen und style für den effektiven <input>-Element festlegen:

input:valid {
  background-color: beige;
  border: 2px fest grün;
}

Versuchen Sie es selbst

CSS-Syntax

:valid {
  css-Anweisungen;
}

Technische Details

Version: CSS4

Browser-Unterstützung

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

Chrome Edge Firefox Safari Opera
10 12 4 5 10

Verwandte Seite

Referenz:CSS :invalid Pseudoklasse