Maison >interface Web >tutoriel CSS >Pourquoi ne puis-je pas définir une couleur d'arrière-plan pour les cases à cocher à l'intérieur d'un div ?

Pourquoi ne puis-je pas définir une couleur d'arrière-plan pour les cases à cocher à l'intérieur d'un div ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-26 04:35:13740parcourir

Why Can't I Set a Background Color for Checkboxes Inside a Div?

Problème d'attribut CSS "background-color" sur les cases à cocher à l'intérieur d'une division

L'impossibilité d'appliquer une couleur d'arrière-plan aux cases à cocher pendant que d'autres attributs fonctionnent dans un

peut être une question déroutante. Pour résoudre ce problème, il est important de comprendre que les cases à cocher n'ont pas intrinsèquement de couleurs d'arrière-plan.

Solution :

Pour ajouter une couleur d'arrière-plan aux cases à cocher, utilisez l'approche suivante :

  1. Entourez chaque case à cocher avec
    élément.
<div class="evenRow">
  <input type="checkbox" />
</div>
<div class="oddRow">
  <input type="checkbox" />
</div>
  1. Appliquez la couleur d'arrière-plan souhaitée à l'élément parent
    éléments.
.evenRow {
  background-color: #9FFF9D;
}

.oddRow {
  background-color: #ffffff;
}

En faisant cela, vous appliquez efficacement une couleur d'arrière-plan à la zone autour de la case à cocher, donnant l'effet visuel souhaité.

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