CSS :optional Pseudo-Selektor

Definition und Verwendung

CSS :optional Pseudo-Selektoren werden verwendet, um die Styles der optionalen Formularelemente auszuwählen und zu stylen (nur für <input>,<select> und <textarea>)

Formularelemente ohne required-Attribut werden als optional definiert.

Hinweis:Verwendung :required Pseudo-Selektoren für obligatorische Formularelemente auswählen und stylen.

Beispiel

Wählen und stylen Sie die any <input>-Elemente ohne required-Attribut. Gleichzeitig stylen Sie alle <input>-Elemente mit required-Attribut:

input:optional {
  background-color: helles Grün;
}
input:required {
  background-color: rosa;
  border-color: rot;
}

Probieren Sie es selbst aus

CSS-Syntax

:optional {
  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 :required-Selektor