পseudoclass read-only

পseudoclass 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;
}

আরও দেখুন

পseudoclass :read-write,
যা পরিবর্তনযোগ্য ইনপুটগুলির স্টাইল নির্ধারণ করে
পseudoclass :default,
যা ডিফল্টরূপে এলিমেন্টগুলির স্টাইল নির্ধারণ করে
পseudoclass :indeterminate,
যা অনির্দিষ্ট অবস্থায় থাকা টগলগুলির স্টাইল নির্ধারণ করে
পseudoclass :optional,
যা required অ্যাট্রিবিউট নেই এমন ইনপুটগুলির স্টাইল নির্ধারণ করে
পseudoclass :placeholder-shown,
যা প্লেসহোল্ডার টেক্সট প্রদর্শনকালে এলিমেন্টগুলির স্টাইল নির্ধারণ করে
পseudoclass :required,
যা required অ্যাট্রিবিউট সেট করা ইনপুটগুলির স্টাইল নির্ধারণ করে
পseudoclass :focus-within,
যা ফোকাসে থাকা এলিমেন্টগুলির স্টাইল নির্ধারণ করে
প্রপার্টি caret-color,
যা ইনপুটে টেক্সট কার্সারের রং নির্ধারণ করে