那些年踩过的坑——h5页面在ios端点击高亮闪烁

  记得那是第一次独自完成一个项目,现在看来,那个项目会很简单的,但那个时候还是挺有成就感的。
  当时碰到过一个问题,h5页面在ios端点击的时候,整个页面会高亮的闪烁一下,特别明显,被测试狂崔。。。最后发现是 css样式的问题 加一行就好了
   {
    -webkit-tap-highlight-color: transparent;  -----》解决 ios端 高亮闪烁的问题
}

原因如下

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。

    原文作者:Maybe
    原文地址: https://segmentfault.com/a/1190000017898737
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞