Pakolliset pseudoluokka

Pseudoluokka required asettaa tyylin input-elementille, jolla on required-attribuutti, eli tätä pseudoluokkaa sovelletaan pakollisiin täytettäviin input-elementteihin.

Syntaksi

valitsija:required {}

Esimerkki

Asetetaan pakolliselle täytettävälle input-elementille vaaleansininen 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:required {
	background-color: #C2DDFD;
}

Katso myös

pseudoluokka :optional,
joka asettaa tyylin input-elementille, jolla ei ole required-attribuuttia
pseudoluokka :default,
joka asettaa tyylin oletuselementeille
pseudoluokka :indeterminate,
joka asettaa tyylin kytkimille, jotka ovat määrittämättömässä tilassa
pseudoluokka :read-only,
joka asettaa tyylin muuttumattomille input-elementeille
pseudoluokka :read-write,
joka asettaa tyylin muokattavissa oleville input-elementeille