Question

Basically I have two three styles for a button: normal, hover and active.

Once the button is clicked I want it to stay with the active style instead of going back to normal for a brief moment before the page loads. Can this be done with css or do I have to do it with jquery?

Answer 1

You could use the :focus pseudo-class instead of :active, as :active only applies as long as the mouse is down on an element, whereas clicking on said element will give it :focus until that focus is transferred elsewhere (like another button on your page, or another window entirely).