Comment puis-je styliser les étiquettes des cases à cocher sans JavaScript ?

Mise en surbrillance des étiquettes pour les cases cochées sans JavaScript

Pouvez-vous modifier l'apparence d'une étiquette lorsque sa case associée est cochée à l'aide de méthodes autres que JavaScript ?

Solution :

Utiliser le adjacent combinateur frère/sœur en CSS :

.check-with-label:checked + .label-for-check {
  font-weight: bold;
}

Ce code permet de mettre en évidence les étiquettes associées aux cases cochées. Voici un exemple de balisage HTML qui exploite cette approche :

<div>
  <input type="checkbox" class="check-with-label">

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!