苹果ios系统中safari浏览器不支持hover伪类的解决方法-简单's blog

:hover在ios无效问题

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

解决方案:

方案1 js绑定:

方案2 html 添加:

方案3:

既然iphone不支持hover,用js解决,写一个单独的类,比如.active