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

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

原因如下

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

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

原文链接:segmentfault.com

上一篇:那些年踩过的坑——input输入框 ios端 readyonly 点击出现光标
下一篇:聊一聊CSS中的长度单位

相关推荐

官方社区

扫码加入 JavaScript 社区