I was wondering if there was a way to change a button's style, in css, after it's been clicked, so not a element:active. It’s probably the most common way to handle a click event in CSS. CSS3 Social Buttons Another set of Social buttons created using CSS3, it uses :before and :after to create the button itself. Your email address will not be published. The fact that a button may become focused when clicked and apply that style at the same time is offputting to some. Like all focusable elements, browsers apply a default focus style, which is usually a blue outline. There are 3 main button types described in material design. printing out a web page). CSS change button style after click. Set Button on Image with CSS; How to click on a button with Javascript executor in Selenium with python? Try it Yourself » Example. The following buttons are all published on codepen.io. In the above example, our entire element will be the link. The moment you click on a link, it becomes active. Save my name, email, and website in this browser for the next time I comment. On hovering over the button, it reveals the price of the product. Set the position to "absolute" and specify z-index. The only difference the article mentions between the two that I found is that