我可以在 CSS 中使用 onclick 效果吗?

Can I have an onclick effect in CSS?(我可以在 CSS 中使用 onclick 效果吗?)

问题描述

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

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 中使用 onclick 效果吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！