Pseudoklasse out-of-range

De pseudoklasse out-of-range definieert de stijl voor elementen waarvan de waarden buiten het opgegeven bereik vallen. Het waardebereik moet worden opgegeven door de attributen min en max.

Syntaxis

selector:out-of-range {
	
}

Voorbeeld

Laten we een lichtblauwe achtergrondkleur instellen voor een input waarin getallen worden ingevoerd die binnen het bereik van 1 tot 5 vallen. We stellen ook een roze achtergrond in wanneer de ingevoerde waarde niet binnen de geselecteerde grenzen valt:

<form>
	<p>Voer een getal in van 1 tot 5</p>
	<p>
		<input type="number" min="1" max="5" value="1">
	</p>
</form>

input:in-range {
	background: #C2DDFD;
}
input:out-of-range {
	background: #E37D76;
}

Zie ook

de pseudoklasse :in-range,
die de stijl definieert voor elementen met een opgegeven waardebereik
de pseudoklasse :invalid,
die de stijl definieert voor een input waarin een ongeldige waarde is ingevoerd
de pseudoklasse :valid,
die de stijl definieert voor een input waarin een geldige waarde is ingevoerd