为什么input:active事件在手机端无效?

今天写代码一个button按钮要在点击按钮的时候更换背景图,松开按钮恢复原样。我开始用的input:active事件在chrome浏览器的手机模式下测试是正常的,但是到真正的手机端就无效了。后来换成了touchstart添加类/touchend移除类才解决,请教一下为何input:active事件在手机端无效?

阅读 4.9k
2 个回答

在 CSS 定义中:

  1. a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!

  2. a:active 必须位于 a:hover 之后,这 样才能生效!
    于是得四者顺序:

a:link----->a:visited------>a:hover-------->a:active。如果没有搞错顺序应该是可以的。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏