Pseudoklasse out-of-range
Pseudoklassen out-of-range setter stil
for elementer hvis verdier faller utenfor
det angitte området. Verdiområdet
må angis med attributtene min
og max.
Syntaks
velger:out-of-range {
}
Eksempel
La oss sette en lyseblå bakgrunnsfarge for input-feltet der
tall som faller innenfor området
fra 1 til 5 skrives inn. Vi setter også en rosa bakgrunn når
den innskrevne verdien ikke er innenfor det valgte
området:
<form>
<p>Skriv inn et tall fra 1 til 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;
}
:
