पसूडोक्लास 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;
}
: