Pseudoklasse out-of-range

Pseudoklassen out-of-range angiver stil for elementer, hvis værdier falder uden for det angivne interval. Værdiintervallet skal angives af attributterne min og max.

Syntaks

cssselektor:out-of-range {
  
}

Eksempel

Lad os angive en lyseblå baggrundsfarve for inputfeltet, hvor der indtastes tal, der falder inden for intervallet fra 1 til 5. Vi indstiller også en lyserød baggrund, når den indtastede værdi ikke falder inden for det valgte interval:

html<form>
  <p>Indtast et tal fra 1 til 5</p>
  <p>
    <input type="number" min="1" max="5" value="1">
  </p>
</form>

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

Результат:

Se også