প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,
    যা ইনপুটে টেক্সট কার্সারের রং নির্দিষ্ট করে