我用JavaScript制作了一个东西,用于增加/减少输入字段。它有一个悬停状态,但缺少点击状态。
是否有一种简洁的方法仅使用CSS来创建点击状态?
例如,每次单击时在0.1秒内略微加深背景颜色。
首选浏览器兼容解决方案,但不是必需的。
我用JavaScript制作了一个东西,用于增加/减少输入字段。它有一个悬停状态,但缺少点击状态。
是否有一种简洁的方法仅使用CSS来创建点击状态?
例如,每次单击时在0.1秒内略微加深背景颜色。
首选浏览器兼容解决方案,但不是必需的。
我认为你需要的是:active
伪类:
http://www.w3schools.com/cssref/sel_active.asp
可以使用CSS3过渡实现0.1秒的延迟,但使用jQuery会更简单,并且在更多的浏览器中起作用。
问题在于“每次点击”!
可以“委托”一个状态。
状态一 -> 未被点击
状态二 -> 被点击(通过选择器:active
或:focus
)
但是,如果您想要实现增量/减量功能,则不能使用普通的CSS。