Psevdorazred out-of-range

Psevdorazred out-of-range določa slog elementom, katerih vrednosti presegajo določeno območje. Območje vrednosti mora biti določeno z atributoma min in max.

Sintaksa

cssizbiralec:out-of-range {
  
}

Primer

Nastavimo modro barvo ozadja za vnosno polje, v katerega vnašamo številke, ki spadajo v območje od 1 do 5. Prav tako nastavimo rožnato ozadje, ko vnešena vrednost ne spada v izbrano območje:

html<form>
  <p>Vnesite številko od 1 do 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;
}

Результат:

Glejte tudi