পseudoclass read-write

পseudoclass read-write স্টাইল নির্ধারণ করে সেসব ইনপুটের জন্য যেগুলির মান পরিবর্তনের জন্য উপলব্ধ।

সিনট্যাক্স

cssসিলেক্টর:read-write {}

উদাহরণ

আসুন নীল সীমানা সেট করি সেসব ইনপুটে যেখানে ডেটা লেখা যায়:

html<p>
  <label>টেক্সট লিখুন</label>
  <input type="text">
</p>
<p>
  <label>পড়ার টেক্সট</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

আরও দেখুন

  • পseudoclass :read-only,
    যা সেসব ইনপুটের স্টাইল নির্ধারণ করে যা পরিবর্তনের জন্য অপ্রাপ্য
  • পseudoclass :default,
    যা ডিফল্ট উপাদানগুলির স্টাইল নির্ধারণ করে
  • পseudoclass :indeterminate,
    যা সেসব টগলের স্টাইল নির্ধারণ করে যা অনির্দিষ্ট অবস্থায় রয়েছে
  • পseudoclass :optional,
    যা সেসব ইনপুটের স্টাইল নির্ধারণ করে যার required অ্যাট্রিবিউট নেই
  • পseudoclass :required,
    যা সেসব ইনপুটের স্টাইল নির্ধারণ করে যার required অ্যাট্রিবিউট সেট করা আছে
  • পseudoclass :focus-within,
    যা ফোকাসে থাকা উপাদানগুলির স্টাইল নির্ধারণ করে
  • প্রোপার্টি caret-color,
    যা ইনপুটে টেক্সট কার্সারের রঙ নির্ধারণ করে