Html – 3-States on a Submit Button

buttoncssformshtmlimage

I was wondering how I could add 3-States to a Submit Button. By states I mean so that the button changes image when hovered over, clicked and just static/untouched. I'd prefer if the solution used purely HTML & CSS but Javascript is fine too. Thank-You!

Best Solution

Is this what you are looking for?

button[type=submit]
button[type=submit]:hover
button[type=submit]:active

EDIT: Keeping the "clicked" state would work something like this with jQuery: http://jsfiddle.net/WYTHG/1/