Pseudoklasse optional

Die Pseudoklasse optional legt den Stil für ein Input-Feld fest, bei dem das Attribut required nicht gesetzt ist, d.h. diese Pseudoklasse wird auf optionale Input-Felder angewendet.

Syntax

Selektor:optional {

}

Beispiel

Lassen Sie uns einem optionalen Input-Feld einen grauen Hintergrund geben:

<form>
	<p>
		<label>Nummer eingeben</label>
		<input type="number" required>
	</p>
	<p>
		<label>Text eingeben</label>
		<input type="text">
	</p>
</form>

input:optional {
	background-color: #D8DFE8;
}

Siehe auch

Pseudoklasse :default,
die Standardelemente formatiert
Pseudoklasse :indeterminate,
die Schaltelemente im unbestimmten Zustand formatiert
Pseudoklasse :placeholder-shown,
die Elemente bei der Anzeige von Platzhaltertext formatiert
Pseudoklasse :read-only,
die nicht veränderbare Input-Felder formatiert
Pseudoklasse :required,
die ein Input-Feld mit gesetztem required-Attribut formatiert
Pseudoklasse :focus-within,
die fokussierte Elemente formatiert
Eigenschaft caret-color,
die die Farbe des Textcursors in einem Input-Feld festlegt