Comment changer la couleur de la "vérification" dans une case à cocher HTML?CSS: Comment changer la couleur de la "vérification" dans une case à cocher HTML?
Par défaut, sur Firefox/Chrome/IE WinXP - la vérification est verte. Je voudrais changer le chèque dans un INPUT type="checkbox" à l'orange
<style>input[type=checkbox] { background-color: #F00; color: #0F0; } </style>
<input type="checkbox" CHECKED>
Ce n'est pas une solution multi-navigateur (hey, IE!). Voici un portable plus un:
<style> input.checkbox { background-color: #F00; color: #0F0; } </style>
<input type="checkbox" class="checkbox" CHECKED>
Il n'y a aucun moyen de le faire toujours avec un stock input s. Safari, pour sa part, ne respectera jamais vos réglages.
Vous pouvez utiliser JavaScript pour présenter des éléments stylisés qui fonctionnent comme des cases à cocher. Here's one plugin that uses jQuery.
+1 pour la bonne réponse et suggérant des solutions de contournement; Je crois que la couleur de la case à cocher est un paramètre du système d'exploitation, plutôt qu'un paramètre HTML ou CSS ou même un navigateur. – Pops
Les barres de défilement sont également des objets OS, mais ils sont stylables. – kolypto
Pas dans tous les navigateurs, ils ne le sont pas. – ceejayoz
Comme d'autres l'ont dit, ce n'est pas particulièrement facile à faire de manière croisée.
Mais une autre possibilité est jQuery UI qui est hautement personnalisable. Vous pouvez même design a theme sur leur site. Et avec tout ce que vous pouvez utiliser le jQuery UI Checkbox.
Vous pourriez potentiellement rouler votre propre version plus légère de tout ceci avec une combinaison de Javascript et de CSS. Mais j'imagine que vous auriez rencontré beaucoup de problèmes de compatibilité qui ont déjà été compris par les gars de jQuery.
-1 incorrect (quinze caractères) – Pops
Cela a fonctionné dans Opera pour moi. – kolypto