Pseudoluokka optional

Pseudoluokka optional asettaa tyylin input-elementille, jolle ei ole asetettu required-attribuuttia, eli tätä pseudoluokkaa sovelletaan vapaaehtoisiin input-kenttiin.

Syntaksi

valitsija:optional {

}

Esimerkki

Asetetaan vapaaehtoiselle input-kentälle harmaa tausta:

<form>
	<p>
		<label>Syötä numero</label>
		<input type="number" required>
	</p>
	<p>
		<label>Syötä teksti</label>
		<input type="text">
	</p>
</form>

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

Katso myös

pseudoluokka :default,
joka asettaa tyylin oletuselementeille
pseudoluokka :indeterminate,
joka asettaa tyylin kytkimille, jotka ovat määrittämättömässä tilassa
pseudoluokka :placeholder-shown,
joka asettaa tyylin elementeille, kun vihjeteksti näytetään
pseudoluokka :read-only,
joka asettaa tyylin input-kentille, joita ei voi muokata
pseudoluokka :required,
joka asettaa tyylin input-elementille, jolle on asetettu required-attribuutti
pseudoluokka :focus-within,
joka asettaa tyylin tarkastelementeille
ominaisuus caret-color,
joka asettaa värin tekstikursorille input-kentässä