Psevdorazred in-range

Psevdorazred in-range določa slog elementom, katerih vrednosti so znotraj določenega obsega. Obseg vrednosti mora biti določen z atributoma min in max.

Sintaksa

selektor:in-range {

}

Primer

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

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

Glejte tudi

psevdorazred :out-of-range,
ki določa slog elementom, katerih vrednosti so izven obsega
psevdorazred :valid,
ki določa slog vnosnemu polju, v katerega je bila vnešena pravilna vrednost
psevdorazred :invalid,
ki določa slog vnosnemu polju, v katerega je bila vnešena napačna vrednost