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

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 ?

Barbara Streisand

Nov 29, 2024 pm 05:22 PM

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!

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 connexe

Le pied de page à glissementApr 09, 2025 am 11:50 AM

Un nouveau site fascinant appelé The Markup vient de lancer. Slogan: Big Tech vous regarde. Nous regardons Big Tech. Excellent travail de la mise à jour. Le

Pages pour les likesApr 09, 2025 am 11:47 AM

J'ai posté sur l'analyse d'un flux RSS en JavaScript l'autre jour. J'ai également posté sur ma configuration RSS pour parler de la façon dont Feedbin est au cœur de celui-ci.

Recréer le blocage de cotenberg Codepen Gutenberg pour Sanity.ioApr 09, 2025 am 11:43 AM

Apprenez à créer un bloc Codepen personnalisé avec un aperçu pour Sanity Studio, inspiré de l'implémentation de Chris Coyier pour l'éditeur de Gutenberg de WordPress.

Comment faire un tableau de ligne avec CSSApr 09, 2025 am 11:36 AM

Les graphiques de ligne, de barre et de tarte sont le pain et le beurre des tableaux de bord et sont les composants de base de toute boîte à outils de visualisation des données. Bien sûr, vous pouvez utiliser SVG

Programmation sass pour créer des combinaisons de couleurs accessiblesApr 09, 2025 am 11:30 AM

Nous cherchons toujours à rendre le Web plus accessible. Le contraste des couleurs est juste des mathématiques, donc Sass peut aider à couvrir les cas de bord que les concepteurs auraient pu manquer.

Comment nous avons créé un site statique qui génère des modèles tartan dans SVGApr 09, 2025 am 11:29 AM

Le tartan est un chiffon à motifs qui est généralement associé à l'Écosse, en particulier leurs kilts à la mode. Sur tartanify.com, nous avons rassemblé plus de 5 000 tartan

Un suivi des modèles PHPApr 09, 2025 am 11:14 AM

Il n'y a pas longtemps, j'ai posté sur les modèles PHP dans Just PHP (qui est essentiellement la syntaxe Heredoc). J'utilise littéralement cette technique pour un super basique