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

a:hover 设置的样式在ios系统的浏览器内显示不出来,看来在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。

方法 一:

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

方法二:

  给body添加ontouchstart

   <body ontouchstart>

  

原文地址:https://www.cnblogs.com/changxue/p/10019107.html