Pseudoklasa in-range

Pseudoklasa in-range vendos stilin për elementët, vlerat e të cilëve janë të përcaktuara në një interval të caktuar. Intervali i vlerave duhet të përcaktohet nga atributet min dhe max.

Sintaksa

selector:in-range {

}

Shembull

Le të vendosim një ngjyrë të kaltër për sfondin e inputit, në të cilin futen numra që bien brenda intervalit nga 1 në 5. Gjithashtu, le të vendosim një sfond rozë, kur vlera e futur nuk bie brenda kufijve të zgjedhur:

<form>
	<p>Fut një numër nga 1 në 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;
}

Shihni gjithashtu

pseudoklasa :out-of-range,
e cila vendos stilin për elementët, vlerat e të cilëve dalin jashtë intervalit
pseudoklasa :valid,
e cila vendos stilin për inputin, në të cilin është futur një vlerë e saktë
pseudoklasa :invalid,
e cila vendos stilin për inputin, në të cilin është futur një vlerë e pasaktë