Pseudoklass optional

Pseudoklass optional määrab stiili sisendväljale, millele pole määratud atribuuti required, st. seda pseudoklassi rakendatakse valikulistele sisendväliadele.

Süntaks

selektor:optional {

}

Näide

Määrame valikulisele sisendväljale halli tausta:

<form>
	<p>
		<label>Sisesta number</label>
		<input type="number" required>
	</p>
	<p>
		<label>Sisesta tekst</label>
		<input type="text">
	</p>
</form>

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

Vaata ka

pseudoklass :default,
mis määrab stiili vaikeelementidele
pseudoklass :indeterminate,
mis määrab stiili lülititele, mis on määramata olekus
pseudoklass :placeholder-shown,
mis määrab stiili elementidele, kui kuvatakse vihjeteksti
pseudoklass :read-only,
mis määrab stiili muutmiseks mittesaadavatele sisendväliadele
pseudoklass :required,
mis määrab stiili sisendväljale, millele on määratud required atribuut
pseudoklass :focus-within,
mis määrab stiili fookuses olevatele elementidele
omadus caret-color,
mis määrab teksti kursori värvi sisendväljal