პსევდოკლასი out-of-range
პსევდოკლასი out-of-range აყენებს სტილს
იმ ელემენტებს, რომელთა მნიშვნელობებიც მითითებული
დიაპაზონის ფარგლებს გარეთაა. მნიშვნელობათა დიაპაზონი
უნდა იყოს მითითებული ატრიბუტებით min
და max.
სინტაქსი
სელექტორი:out-of-range {
}
მაგალითი
მოდით, დავაყენოთ ცისფერი ფონი იმ ინპუტისთვის, რომელშიც
შეყვანილი რიცხვები 1-დან 5-მდე დიაპაზონში попадают. ასევე დავაყენოთ ვარდისფერი ფონი, როდესაც
შეყვანილი მნიშვნელობა არჩეულ ლიმიტში არ попадает:
<form>
<p>შეიყვანეთ რიცხვი 1-დან 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;
}
: