recherche

Maison >interface Web >tutoriel CSS >Pourquoi la couleur d'arrière-plan de ma case à cocher ne change-t-elle pas dans un DIV défilant ?

Pourquoi la couleur d'arrière-plan de ma case à cocher ne change-t-elle pas dans un DIV défilant ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-29 17:22:11316parcourir

Why Isn't My Checkbox Background Color Changing Inside a Scrolling DIV?

L'attribut CSS "background-color" ne fonctionne pas sur la case à cocher dans

Lors de la tentative d'application d'une couleur d'arrière-plan aux cases à cocher contenues dans un

défilant, les utilisateurs peuvent rencontrer un problème où l'attribut "background-color" semble n'avoir aucun effet. Paradoxalement, d'autres attributs CSS comme "margin-top" fonctionnent comme prévu.

Cette divergence se produit parce que les cases à cocher n'ont nativement pas la possibilité d'afficher la couleur d'arrière-plan. Pour obtenir l'effet souhaité, placez chaque case à cocher dans un signe

qui possède la couleur d'arrière-plan souhaitée.

Exemple CSS révisé :

Exemple HTML révisé :

En enveloppant chaque case à cocher dans un

avec la couleur d'arrière-plan appropriée, l'effet visuel souhaité peut être obtenu, en contournant la limitation inhérente des cases à cocher concernant la couleur d'arrière-plan.

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!

css html checkbox Attribute function this display margin background issue Other
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment l'indicateur \'i\' permet-il la correspondance d'attributs insensibles à la casse en CSS ?Article suivant：Comment l'indicateur \'i\' permet-il la correspondance d'attributs insensibles à la casse en CSS ?

Articles Liés

Voir plus