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

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

Libérer： 2024-11-26 04:35:13

original

811 Les gens l'ont consulté

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 :

Entourez chaque case à cocher avec
élément.

<div class="evenRow">
  <input type="checkbox" />
</div>
<div class="oddRow">
  <input type="checkbox" />
</div>

Copier après la connexion

Appliquez la couleur d'arrière-plan souhaitée à l'élément parent
éléments.

.evenRow {
  background-color: #9FFF9D;
}

.oddRow {
  background-color: #ffffff;
}

Copier après la connexion

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!