解决active在苹果手机上失效的问题

最新推荐文章于 2024-03-22 20:09:53 发布

原创最新推荐文章于 2024-03-22 20:09:53 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了解决iOS设备上CSS :active伪类失效的问题。通过在元素上绑定touchstart事件，即使不进行任何操作也能激活:active状态。只需在CSS中使用:active，并在body标签中添加ontouchstart=和onmouseover=即可。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

active在苹果手机上失效的解决办法：
在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。
要让css的:active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。
Use the :active pseudo-class in your css, then add ontouch
start="" and onmouseover="" to the body tag.（在您的css中使用:active伪类，然后添加ontouchstart=“”和onmouseover=“”到body标签。）
//非常简单