Image sur un bouton de formulaire

Bonjour,

Est-il possible de mettre une image sur un bouton de formulaire et de lui appliquer un décalage...

je veux que l'image change si le bouton est survolé, voire cliqué..

j'y arrive avec les href mais je ne trouve pas comment faire avec les boutons input submit...

merci

Tu peux faire ça très facilement, exemple :

.submit {
	background-image: url('img1.gif');
}

.submit:hover, .submit:focus {
	background-image: url('img2.gif');
}

.submit:active {
	background-image: url('img3.gif');
}

Tu peux affiner le positionnement de tes images de fond avec les proriétés :

background-repeat: no-repeat;
background-position: center; 

Modifié par RorolePro (08 Jul 2005 - 01:11)