पसूडोक्लास in-range

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

सिंटैक्स

cssसिलेक्टर:in-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;
}

Результат:

यह भी देखें