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 效果吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:我可以在 CSS 中使用 onclick 效果吗?
基础教程推荐
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 直接将值设置为滑块 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01