饮水思源
乐于分享

苹果ios系统中safari浏览器不支持hover伪类的解决方法 亲测

:hover在ios无效问题

:hover 设置的样式在ios显示不出来,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。

解决方案:

方案1 js绑定:

document.body.addEventListener('touchstart',function(){});

方案2 html 添加:

<body ontouchstart>

个人推荐 方案二

赞(1) 打赏
未经允许不得转载:蓝色创想 » 苹果ios系统中safari浏览器不支持hover伪类的解决方法

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

服务中小企业网站建设和异地办公

了解更多联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

本次查询55 次 用时0.350 秒

已稳定运行