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

:read-write सेलेक्टर का उपयोग

:read-write सेलेक्टर उन एलिमेंट्स को सिलेक्ट करता है जो **एडिटेबल** हैं (यानी यूजर द्वारा संपादित किए जा सकते हैं)। इसमें शामिल हैं:

• <input> और <textarea> जिनमें readonly या disabled एट्रिब्यूट नहीं है
• contenteditable एट्रिब्यूट वाले एलिमेंट्स

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      input:read-write {
        background-color: blue;
        color: white;
      }
    </style>
  </head>
  <body>
    <form>
      Subject: <input type="text" name="subject" value="Java"><br>
      Student: <input type="text" name="student" readonly value="Amit"><br>
    </form>
  </body>
</html>

"Subject" इनपुट एडिटेबल है (नीला/सफेद), "Student" रीड-ओनली है (स्टाइल नहीं)।