CSS से required एट्रिब्यूट वाले <input> एलिमेंट्स को स्टाइल करें

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

:required सेलेक्टर उन फॉर्म एलिमेंट्स को सिलेक्ट करता है जिनमें required एट्रिब्यूट होता है। यह अनिवार्य फील्ड्स को विज़ुअली हाइलाइट करने के लिए उपयोगी है।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      input:required {
        background-color: orange;
      }
    </style>
  </head>
  <body>
    <form>
      Subject: <input type="text" name="subject" value="C++"><br>
      Student: <input type="text" name="student" value="Amit" required><br>
    </form>
  </body>
</html>

"Student" फील्ड में required है, इसलिए नारंगी बैकग्राउंड होगा। "Subject" ऑप्शनल है, स्टाइल नहीं।