好物推荐
技巧分享

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

:hover在ios无效问题

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

解决方案:

方案1 js绑定:

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

方案2 html 添加:

<body ontouchstart>

个人推荐 方案二

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

分享到: 生成海报
本站源码仅供学习交流,如需商用请在官方购买正版。技术服务为增值服务。如有问题看联系站长QQ:1305675066

热门文章

  • 实践是学习的最佳途径

    了解更多开通会员
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

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

    本站出售,价格优惠!(不含服务器)

    联系站长