পseudoclass out-of-range
পseudoclass out-of-range এমন উপাদানগুলির স্টাইল নির্ধারণ করে
যাদের মান নির্দিষ্ট পরিসরের বাইরে চলে যায়। মানের পরিসর
min এবং max অ্যাট্রিবিউট দ্বারা নির্দিষ্ট করা থাকতে হবে।
সিনট্যাক্স
সিলেক্টর:out-of-range {
}
উদাহরণ
আসুন একটি সংখ্যা ইনপুটের জন্য একটি নীল পটভূমির রং সেট করি, যেখানে ১ থেকে ৫ পর্যন্ত সংখ্যা প্রবেশ করানো হয়। এছাড়াও, যখন প্রবেশ করানো মান নির্বাচিত সীমার মধ্যে না পড়ে তখন একটি গোলাপী পটভূমি সেট করি:
<form>
<p>1 থেকে 5 পর্যন্ত সংখ্যা লিখুন</p>
<p>
<input type="number" min="1" max="5" value="1">
</p>
</form>
input:in-range {
background: #C2DDFD;
}
input:out-of-range {
background: #E37D76;
}
: