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

:in-range सेलेक्टर का उद्देश्य

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

उदाहरण

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

यह ID 1005062591 के समान आलेख है।