CSS 点击效果

5

输入图像描述 输入图像描述

我用JavaScript制作了一个东西,用于增加/减少输入字段。它有一个悬停状态,但缺少点击状态。

是否有一种简洁的方法仅使用CSS来创建点击状态?

例如,每次单击时在0.1秒内略微加深背景颜色。

首选浏览器兼容解决方案,但不是必需的。


请分享您得出的结果 - Axel
1
我创建了一个快速的fiddle http://jsfiddle.net/x50hud0g/ - pjmil
2个回答

10

2

问题在于“每次点击”!

可以“委托”一个状态。

状态一 -> 未被点击
状态二 -> 被点击(通过选择器:active:focus

但是,如果您想要实现增量/减量功能,则不能使用普通的CSS。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接