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

cat*_*cat 85 mobile-safari ipad

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

ken*_*ytm 209

您可以为该元素的-webkit-tap-highlight-color属性设置透明颜色.

a {
    -webkit-tap-highlight-color: transparent;
}
Run Code Online (Sandbox Code Playgroud)

  • ie:`-webkit-tap-highlight-color:rgba(0,0,0,0);` (72认同)
  • 为了记录,我在Phonegap中创建的应用程序在点击元素时保持短暂的闪烁,这让我很烦.将`-webkit-tap-highlight-color:transparent`设置为所有内容(即`*`)就像魅力一样. (13认同)
  • 查理 - 您看到的问题是因为Webkit似乎在项目变为非活动状态后会短暂应用突出显示颜色.不是设置这样的全局规则,而是将`-webkit-tap-highlight-color:rgba(0,0,0,0);`添加到目标链接的非活动状态解决问题. (2认同)

red*_*ent 6

在Phonegap中使用移动Safari,只有这个工作:

* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }
Run Code Online (Sandbox Code Playgroud)

来源:iPhone WebKit CSS动画导致闪烁

此外,在主面板上,启用渲染:

div.myPanelOrWhatever 
  {
      -webkit-transform: translate3d(0, 0, 0)
  }
Run Code Online (Sandbox Code Playgroud)

来源:防止webkit转换webkit转换的闪烁