Question

Is there any option, or special selector to change the style for a pressed button, what I mean by that..when a user clicks a button I want to change the style for that button? Is there any option to do that like: :focus or only with javascript click/focus event?

Answer 1

I think you are looking for the :active pseudo-class…

#btn { border: solid 5px red; padding: 5px; }
#btn:hover { border-color: green; }
#btn:active { border-color: blue; }

<button id="btn" />

Note: if you are using both :hover and :active on a single element, the :hover definition must come first.