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

:hover在ios无效问题

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

解决方案:

方案1 js绑定:

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

方案2 html 添加:

<body ontouchstart>

个人推荐 方案二

分享到:  
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

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

分享到: 生成海报
蓝色创想主要是推荐好物和分享技巧。同时有偿承接解决各种使用问题以及网站托管服务。

评论 抢沙发

实践是学习的最佳途径

了解更多联系我们
切换注册

登录

忘记密码 ?


切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活