a:hover伪类在ios移动端浏览器内点击无效的解决方法
安卓页面可以打开,苹果端hover上去打不开;hover的没有方法没有激活;
a:hover 设置的样式在ios系统的浏览器内显示不出来,看来在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。
代码如下:
document.body.addEventListener('touchstart',function(){});
- 1
或者给body添加ontouchstart
<body ontouchstart>
原链接:https://blog.csdn.net/xjtarzan/article/details/53337927