Puis-je utiliser la pseudo-classe :checked pour styliser les éléments ?

CSS : vérification de la fonctionnalité de pseudo-classe pour Éléments

L' élément dans un L'élément signifie la sélection actuelle de l'utilisateur dans une liste d'options. Pour améliorer l'interface utilisateur, il peut être souhaitable de styliser l'option actuellement sélectionnée différemment des autres. Cependant, la pseudo-classe :checked, couramment utilisée pour styler et éléments, ne s'applique pas à éléments.

Solution :

Une technique existe pour obtenir un comportement de style similaire pour éléments en exploitant la pseudo-classe :checked. Dans la spécification HTML4, l'attribut sélectionné était utilisé pour indiquer l'option actuellement sélectionnée. En référençant cet attribut, nous pouvons appliquer les mêmes styles à éléments avec l'attribut sélectionné comme nous le ferions pour cocher éléments.

option[selected] {
  color: red;
}

Remarque : Le style de la couleur des options sélectionnées peut ne pas être pris en charge dans tous les navigateurs.

Exemple :

Pour masquer l'option actuellement sélectionnée dans une liste déroulante :

option:checked {
  display: none;
}

<select>
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

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!