CSS点击效果

Question

我使用javascript来增加/减少输入字段。它有一个悬停状态但没有点击状态。

是否有一种简洁的方法可以仅使用CSS制作点击状态？

E.g。每次点击会使背景稍微变暗0.1秒。

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

Answer 1

我相信:active伪类就是你所追求的：

http://www.w3schools.com/cssref/sel_active.asp

使用CSS3过渡可以实现0.1秒的延迟，但是使用jQuery会更简单并适用于更多浏览器。

Answer 2

这里的问题是＆＃34;每次点击＆＃34;！

有可能＆＃34;委托＆＃34;一个州。

状态一 - ＆gt;没有点击
状态二 - ＆gt;点击（按选择器:active或:focus）

但是如果你想要增加/减少功能，你不能使用普通的CSS。