a:hover伪类在ios移动端浏览器内点击无效的解决方法

Posted 细心精心玉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

以上是关于a:hover伪类在ios移动端浏览器内点击无效的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

CSS中的a:hover表示啥

css中a.other:hover,这个是啥意思?

CSS伪类选择器active模拟JavaScript点击事件

CSS :hover伪类选择器

a标签4个伪类的顺序排列

a 标签的伪类的正确顺序,以及原因