Forum de la C-P-F

Version complète: [CSS] Images à la place de boutons
Vous regardez actuellement la version basse qualité d'un document. Voir la version complète avec le bon formatage.
J'ai un petit formulaire de recherche sur mon blog, avec la ligne suivante pour définir le bouton qui lance la recherche :
Code HTML :
<input type="submit" value="OK" />
Je voudrais remplacer le bouton par une image. Ca ne pose aucun problème si je modifie directement le code, qui devient alors quelque chose du genre
Code HTML :
<input type="image" src="img/button.jpg" />
Or, je voudrais pouvoir indiquer l'adresse du bouton non pas directement dans le code de la page, mais dans la feuille de style css, ce qui me permettrait de changer de bouton selon le style utilisé.

C'est possible ?
Bien sûr que c'est possible Smile
Il suffit de lui donner une classe adaptée, ça doit ressembler à:
Code CSS :
input.submit{
   background: url(img/button.jpg);
}

Cette feuille de style modifie TOUS les boutons submit, il est bien sûr possible d'adapter pour un type de bouton:
Code CSS :
input.button perso{
   background: url(img/button.jpg);
}

Et l'appel se fait par:
Code HTML :
<input type="button" class="perso" />
Merci ! Smile
URLs de référence