Alegro Alegro - 1 year ago 82
CSS Question

Can I have an onclick effect in CSS?

I have an image element that I want to change on click.

<img id="btnLeft">

This works:

#btnLeft:hover {

But what I need is:

#btnLeft:onclick {

But, it doesn't work, obviously. Is it possible at all to have
behavior in CSS (i.e. without using JavaScript)?

Answer Source

The closest you'll get is :active:

#btnLeft:active {
    width: 70px;
    height: 74px;

However this will only apply the style when the mouse button is held down. The only way to apply a style and keep it applied onclick is to use a bit of JavaScript.