पसूडोक्लास out-of-range

पसूडोक्लास out-of-range उन एलिमेंट्स की स्टाइल तय करता है, जिनके मूल्य निर्दिष्ट सीमा से बाहर होते हैं। मूल्यों की सीमा एट्रीब्यूट min और max द्वारा तय की जानी चाहिए।

सिंटैक्स

cssसेलेक्टर:out-of-range {
  
}

उदाहरण

आइए उस इनपुट की बैकग्राउंड के लिए हल्का नीला रंग तय करें, जिसमें 1 से 5 की सीमा में आने वाली संख्याएं दर्ज की जाती हैं। साथ ही गुलाबी बैकग्राउंड तब सेट करें, जब दर्ज किया गया मूल्य चुनी गई सीमा में नहीं आता:

html<form>
  <p>1 से 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;
}

Результат:

यह भी देखें