पseudoclass optional

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

सिंटैक्स

सेलेक्टर:optional {

}

उदाहरण

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

<form>
	<p>
		<label>संख्या दर्ज करें</label>
		<input type="number" required>
	</p>
	<p>
		<label>टेक्स्ट दर्ज करें</label>
		<input type="text">
	</p>
</form>

input:optional {
	background-color: #D8DFE8;
}

यह भी देखें

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