Comment enfin changer les couleurs des cases à cocher dans Firefox ?

Changer la couleur des cases à cocher : un casse-tête persistant

Styler les couleurs d'arrière-plan des cases à cocher a toujours été un défi. Malgré les tentatives de style, les utilisateurs de Firefox 29 ont toujours été confrontés à des couleurs de cases à cocher inchangées.

Quest for Solutions

Les développeurs ont exploré diverses règles CSS, notamment :

<code class="css">input[type="checkbox"] {
    background: #990000;    
}

.chk {
   background-color: #990000;
}</code>

Cependant, ces tentatives se sont révélées vaines.

Le Meilleur des Mondes

Avec l'introduction de la propriété CSS accent-color, la prise en charge du navigateur s'est enfin étendue pour le style des cases à cocher . Désormais, les développeurs peuvent simplement attribuer la couleur de leur choix :

<code class="css">#cb1 {
  accent-color: #9b59b6;
}

#cb2 {
  accent-color: #34495e;
}

#cb3 {
  accent-color: #e74c3c;
}

<input id="cb1" type="checkbox" checked />
<input id="cb2" type="checkbox" checked />
<input id="cb3" type="checkbox" checked /></code>

Cette avancée permet aux développeurs de personnaliser sans effort les couleurs des cases à cocher, ouvrant ainsi un nouveau niveau de flexibilité de conception.

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!