Checkbox remplacée par une image

Bonjour tous.

voila j'ai essayer 4-5 tuto et rien n'a faire je n'arrive pas a ce que je veux c'est a dire remplacé ma checkbox par une image.... :?

voici mon code :

Code:

---

echo '<td><input type="checkbox" id="styled"></td>';

---

et voici mon css :

Code:

---

1 2 3 4

#styled { background-color:#222;background-image:url(Pictures/chk_on.png) }

---

avec ce code mon checkbox est entouré de l'image .... :cry:

Bonjour,

Pour les cases à cocher (comme pour les liste déroulantes) il faut :
* ajouter une enveloppe qui contiendra l'image suivant l'état (=> javascript pour la mise à jour quel que soit le navigateur)
* rendre la case à cocher quasiment invisible (opacity:0.01) afin de toujours pouvoir la manipuler (souris et/ou clavier)

devyan