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