CSS से एनेबल्ड <input> एलिमेंट्स को स्टाइल करें

:enabled सेलेक्टर का उपयोग

:enabled सेलेक्टर उन फॉर्म एलिमेंट्स को सिलेक्ट करता है जो **डिसेबल्ड नहीं** हैं (यानी यूजर इंटरैक्शन के लिए उपलब्ध हैं)। यह :disabled का विपरीत है।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      input:enabled {
        background: blue;
      }
    </style>
  </head>
  <body>
    <form action="">
      Subject <input type="text" name="subject"><br>
      Student: <input type="text" name="student"><br>
      Age: <input type="number" name="age" disabled><br>
    </form>
  </body>
</html>

यहां "Subject" और "Student" इनपुट्स एनेबल्ड हैं (नीले बैकग्राउंड), जबकि "Age" डिसेबल्ड है (स्टाइल नहीं)।