Discussion :

[whorian]

Bonjour,

Je cherche un moyen, en CSS, de faire un Rollover (changer le background lorsque la sourie passe dessus) sur un input button. À faire attention ici je ne veux pas d'"alternatives" ie: input type=image. Celà viens du fait que je travail avec des composants JSP, qui génère un tag input type="button". Donc les styles doivent pouvoir s'appliquer sur un élément de formulaire de type button.

Je suis embêté.... les tutos que j'ai essasyé sur le net ne fonctionnent carrément pas.

Compatibilité recherché dans les browsers suivant: IE6, IE7, Firefox.

Merci, bonne journée, et en espérant avoir de votre aide.
Hugo

[Bisûnûrs]

Sur IE6 tu ne pourras pas faire ça sans Javascript.

Pour les deux autres, tu peux tout simplement utiliser la pseudo-classe hover :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.tonBouton
{
   background:url(image1.gif);
}
.tonBouton:hover
{
   background:url(image2.gif);
}