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

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!

source：php.cn

Article précédent：Comment l'indicateur \'i\' permet-il la correspondance d'attributs insensibles à la casse en CSS ? Article suivant：Pourquoi ma disposition de grille CSS se brise-t-elle ?

Déclaration de ce site Web

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

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2041

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2200

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

1855

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...