पसूडोक्लास read-only

पसूडोक्लास read-only उन इनपुट्स की स्टाइल निर्धारित करता है जिनमें readonly एट्रीब्यूट होता है। ऐसा इनपुट सिर्फ पढ़ने के लिए होता है, यानी इसमें डेटा डालना या बदलना संभव नहीं होता, हालांकि उसे सेलेक्ट करके कॉपी किया जा सकता है।

सिंटेक्स

सेलेक्टर:read-only {
	
}

उदाहरण

आइए सिर्फ पढ़ने के लिए उपलब्ध इनपुट को हल्की ग्रे बॉर्डर दें:

<p>
	<label>टेक्स्ट दर्ज करें</label>
	<input type="text">
</p>
<p>
	<label>टेक्स्ट पढ़ें</label>
	<input type="text" value="text" readonly>
</p>

input:read-only {
	border: 1px solid #D8DFE8;
}

यह भी देखें

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