Bouton survolé et pressé ianages du bouton normal en CSS ou Javascript?

Question

J'ai trois boutons, l'un est une image normale de bouton, un autre est une image de bouton quand le bouton normal est plané, et l'image de troisième bouton est quand le bouton normal est pressé. Ma question est de savoir comment je passer à la stationnaire et revenir à la normale, et à la pression des images normales? Puis-je utiliser CSS avec ceci ou javascript une meilleure solution?

Answer 1

Il est tout à fait simple avec CSS:

.my-button { 
    // normal styles 
} 

.my-button:hover { 
    // hover styles 
} 

.my-button:active { 
    // active (clicked) button styles 
} 

Si vous allez utiliser des images d'arrière-plan, une bonne astuce consiste à utiliser une feuille de sprite bouton, et juste passer la background-position en fonction de l'état du bouton. Here est un exemple.