iPad Safari：如何在链接被点击时禁用快速闪烁效果

Question

有没有办法禁用它？
我只是在浏览器中...当您单击链接或按钮或具有单击功能的div时，它会闪烁一个灰色框，您可以快速单击该框。我如何防止这种情况？

Answer 1

您可以为该元素的-webkit-tap-highlight-color property设置透明色。

a {
    -webkit-tap-highlight-color: transparent;
}

Answer 2

在Phonegap中使用移动版Safari，只有这个有效：

* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }

来源：iPhone WebKit CSS animations cause flicker

此外，在主面板上，启用渲染：

div.myPanelOrWhatever 
  {
      -webkit-transform: translate3d(0, 0, 0)
  }

来源：Prevent flicker on webkit-transition of webkit-transform