পseudoclass checked

পseudoclass checked আপনাকে চেক করা চেকবক্স বা radio ধরতে দেয়।

দুর্ভাগ্যবশত, তাদের সজ্জিত করার জন্য স্টাইল নির্ধারণ করা যায় না। উদাহরণস্বরূপ, ব্যাকগ্রাউন্ড বা বর্ডারের রং নির্ধারণ করা যায় না (উদাহরণস্বরূপ, প্রস্থ এবং উচ্চতা নির্ধারণ করা যায়, কিন্তু তারা প্রত্যাশিত প্রভাব ফেলবে না)।

এর পরেও, পার্শ্ববর্তী উপাদানগুলির জন্য স্টাইল নির্ধারণ করা যায়, উদাহরণস্বরূপ, এভাবে: input:checked + p - আমরা চেক করা ইনপুটের ঠিক নিচে থাকা অনুচ্ছেদের জন্য স্টাইল নির্ধারণ করব।

সিনট্যাক্স

csselement:checked {
  
}

উদাহরণ

চেকবক্সগুলি চেক করুন এবং আপনি দেখতে পাবেন কিভাবে label গুলি লাল রংয়ে জ্বলে ওঠে, যেগুলি চেক করা চেকবক্সগুলির ঠিক পরে অবস্থিত:

html<input type="checkbox" id="elem1">
<label for="elem1">লেবেল 1</label>
<br>
<input type="checkbox" id="elem2">
<label for="elem2">লেবেল 2</label>

cssinput:checked + label {
  color: red;
}

Результат:

উদাহরণ

radio গুলি চেক করুন এবং আপনি দেখতে পাবেন কিভাবে label গুলি লাল রংয়ে জ্বলে ওঠে, যেগুলি চেক করা রেডিও বাটনের ঠিক পরে অবস্থিত:

html<input type="radio" name="elem" id="elem1">
<label for="elem1">লেবেল 1</label>
<br>
<input type="radio" name="elem" id="elem2">
<label for="elem2">লেবেল 2</label>

cssinput:checked + label {
  color: red;
}

Результат: