我可以在CSS中产生onclick效果吗? [英] Can I have an onclick effect in CSS?

问题描述

我有一个要在点击时更改的图像元素.

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

<img id="btnLeft">

这有效:

#btnLeft:hover {
    width:70px;
    height:74px;
}

但是我需要的是:

#btnLeft:onclick {
    width:70px;
    height:74px;
}

但是，显然，它不起作用.在CSS中是否完全有onclick行为(即不使用JavaScript)?

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

推荐答案

您将获得的最接近的是 :active :

The closest you'll get is :active:

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

但是，这仅在按住鼠标按钮时才适用.应用样式并保持其应用 onclick的唯一方法是使用一些JavaScript.

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.

这篇关于我可以在CSS中产生onclick效果吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！