我可以在 CSS 中使用点击效果吗? [英] 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;
}

然而，这只会在按住鼠标按钮时应用样式.应用样式并在点击时保持应用的唯一方法是使用一些 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 中使用点击效果吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！