CSS :out-of-range सेलेक्टर की भूमिका

:out-of-range सेलेक्टर का उपयोग

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

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      input:out-of-range {
        border: 3px dashed orange;
        background: yellow;
      }
    </style>
  </head>
  <body>
    <input type="number" min="5" max="10" value="15">
    <p>The style only works for the value entered out of range</p>
  </body>
</html>

यहां वैल्यू 15 है जो max 10 से अधिक है, इसलिए स्टाइल लागू होगा (नारंगी डैश्ड बॉर्डर, पीला बैकग्राउंड)।