Pseudoklasse required

De pseudoklasse required bepaalt de stijl voor een input-element met het attribuut required, d.w.z. deze pseudoklasse wordt toegepast op verplichte in te vullen inputvelden.

Syntaxis

selector:required {}

Voorbeeld

Laten we een verplicht in te vullen inputveld een lichtblauwe achtergrond geven:

<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:required {
	background-color: #C2DDFD;
}

Zie ook

pseudoklasse :optional,
die de stijl bepaalt voor een input-element zonder het attribuut required
pseudoklasse :default,
die de stijl bepaalt voor standaardelementen
pseudoklasse :indeterminate,
die de stijl bepaalt voor keuzerondjes die zich in een onbepaalde staat bevinden
pseudoklasse :read-only,
die de stijl bepaalt voor inputvelden die niet kunnen worden gewijzigd
pseudoklasse :read-write,
die de stijl bepaalt voor inputvelden die kunnen worden gewijzigd