Psevdoklass checked

checked psevdoklassi belgilangan chekboks yoki radio ni ushlash imkonini beradi.

Afsuski, ularni bezash uchun uslublarni belgilab bo'lmaydi. Masalan, fon yoki chegara rangi ni belgilab bo'lmaydi (masalan, kenglik va balandlikni belgilash mumkin, lekin ular kutgandek ta'sir ko'rsatmaydi).

Shunga qaramay, qo'shni elementlar uchun uslublarni belgilash mumkin, masalan, shunday: input:checked + p - belgilangan input ostida joylashgan abzas uchun uslublarni belgilaymiz.

Sintaksis

csselement:checked {
  
}

Misol

Chekbokslarni belgilang va siz qizil rangda yonayotganini ko'rasiz label yorliqlari, belgilangan chekbokslardan keyin darhol joylashgan:

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

cssinput:checked + label {
  color: red;
}

Результат:

Misol

radio larni belgilang va siz qizil rangda yonayotganini ko'rasiz label yorliqlari, belgilangan tugmadan keyin darhol joylashgan:

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

cssinput:checked + label {
  color: red;
}

Результат: