Remplacer le bouton d'un form par une image :

Bonjour à tous,

Je m'arrache les cheveux avec un truc tout bête : je remplace le bouton de soumission d'un formulaire par une image mais pas moyen de d'avoir le curseur qui change quand il arrive sur le bouton (il reste en forme de flèche)...
J'ai essayé avec cursor pointer mais ça ne fonctionne pas non plus, voici les deux parties de mon code :

<p style="margin-left: 250px;"><input type="submit"  value="" class="go"></p>

 .go{ background: url(images/valider.gif) no-repeat top left; 
width: 250px; height: 55px; border: none; }

Quelqu'un aurait-il une idée ?
Merci
Modifié par pan (23 Mar 2011 - 22:33)

Hop trouvé, une simple erreur d'écriture : un point virgule à la place d'un deux points ....

Fonctionne donc bel et bien avec cursor: pointer;

#common .go{ background: url(images/valider.gif) no-repeat top left; 
width: 250px; height: 55px; border: none; cursor: pointer;}

Bonsoir Pan,

C'est assez énervant que l'affichage ou le comportement attendu bug après une malheureuse faute de frappe.

Sais tu qu'il existe des logiciels qui te corrigent en tant réel les éventuels fautes de frappes ? Je pense que tu devrais te tourner dans ce sens là pour un gain de temps non négligeable.

Après tout dépend si tu utilises un sprite pour ton script ci-dessus, mais sais tu qu'il existe aussi le input type image ?

<input type="image" src="chemin/images.ext" alt="descritif de l'image" />