：hover在ios无效问题
:hover 设置的样式在ios显示不出来，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。
解决方案：
方案1 js绑定:
document.body.addEventListener('touchstart',function(){});方案2 html 添加:
<body ontouchstart>个人推荐 方案二
苹果ios系统中safari浏览器不支持hover伪类的解决方法
![](https://cdn.lansecx.cn/wp-content/uploads/2019/12/14151332981.jpg")
:hover 设置的样式在ios显示不出来，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。
解决方案：
方案1 js绑定:
document.body.addEventListener('touchstart',function(){});方案2 html 添加:
<body ontouchstart>个人推荐 方案二
评论0