Pseudoklasse optional

De pseudoklasse optional bepaalt de stijl voor een input waarop het required attribuut niet is gezet, d.w.z. deze pseudoklasse wordt toegepast op optionele inputs.

Syntaxis

selector:optional {

}

Voorbeeld

Laten we een grijze achtergrond instellen voor de optionele input:

<form>
	<p>
		<label>Voer een nummer in</label>
		<input type="number" required>
	</p>
	<p>
		<label>Voer tekst in</label>
		<input type="text">
	</p>
</form>

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

Zie ook

pseudoklasse :default,
die stijl bepaalt voor standaard elementen
pseudoklasse :indeterminate,
die stijl bepaalt voor schakelaars in een onbepaalde staat
pseudoklasse :placeholder-shown,
die stijl bepaalt voor elementen wanneer placeholder-tekst wordt weergegeven
pseudoklasse :read-only,
die stijl bepaalt voor inputs die niet kunnen worden gewijzigd
pseudoklasse :required,
die stijl bepaalt voor een input met het required attribuut
pseudoklasse :focus-within,
die stijl bepaalt voor elementen in focus
eigenschap caret-color,
die de kleur van de tekstcursor in een input bepaalt