पseudoclass optional

पseudoclass optional उस इनपुट के लिए स्टाइल निर्धारित करता है जिसमें required एट्रिब्यूट सेट नहीं है, यानी यह पseudoclass गैर-अनिवार्य इनपुट्स पर लागू होता है।

सिंटैक्स

cssसेलेक्टर:optional {

}

उदाहरण

आइए एक गैर-अनिवार्य इनपुट को ग्रे बैकग्राउंड दें:

html<form>
  <p>
    <label>संख्या दर्ज करें</label>
    <input type="number" required>
  </p>
  <p>
    <label>टेक्स्ट दर्ज करें</label>
    <input type="text">
  </p>
</form>
cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

यह भी देखें

  • पseudoclass :default,
    जो डिफ़ॉल्ट तत्वों के लिए स्टाइल निर्धारित करता है
  • पseudoclass :indeterminate,
    जो अनिश्चित स्थिति में होने वाले स्विच के लिए स्टाइल निर्धारित करता है
  • पseudoclass :placeholder-shown,
    जो प्लेसहोल्डर टेक्स्ट दिखाए जाने पर तत्वों के लिए स्टाइल निर्धारित करता है
  • पseudoclass :read-only,
    जो उन इनपुट्स के लिए स्टाइल निर्धारित करता है जिन्हें बदला नहीं जा सकता
  • पseudoclass :required,
    जो उस इनपुट के लिए स्टाइल निर्धारित करता है जिसमें required एट्रिब्यूट सेट है
  • पseudoclass :focus-within,
    जो फोकस में होने वाले तत्वों के लिए स्टाइल निर्धारित करता है
  • प्रॉपर्टी caret-color,
    जो इनपुट में टेक्स्ट कर्सर का रंग निर्धारित करती है