Pseudoklas optional

Die pseudoklas optional spesifiseer 'n styl vir 'n invoer waar die required attribuut nie gespesifiseer is nie, d.w.s. hierdie pseudoklas word toegepas op opsiesionele invoervelde.

Sintaksis

selektor:optional {

}

Voorbeeld

Kom ons gee die opsionele invoerveld 'n grys agtergrond:

<form>
	<p>
		<label>Voer nommer in</label>
		<input type="number" required>
	</p>
	<p>
		<label>Voer teks in</label>
		<input type="text">
	</p>
</form>

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

Sien ook

die pseudoklas :default,
wat 'n styl spesifiseer vir verstek elemente
die pseudoklas :indeterminate,
wat 'n styl spesifiseer vir skakelaars in 'n onbepaalde toestand
die pseudoklas :placeholder-shown,
wat 'n styl spesifiseer vir elemente wanneer plekhouer-teks vertoon word
die pseudoklas :read-only,
wat 'n styl spesifiseer vir invoervelde wat nie gewysig kan word nie
die pseudoklas :required,
wat 'n styl spesifiseer vir 'n invoerveld waar die required attribuut gespesifiseer is
die pseudoklas :focus-within,
wat 'n styl spesifiseer vir elemente in fokus
die eienskap caret-color,
wat die kleur van die tekswyser in 'n invoerveld spesifiseer