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

iPad Safari:如何在点击链接时禁用快速闪烁效果,ipad,mobile-safari,Ipad,Mobile Safari,有没有办法禁用它? 我只是说在浏览器中。。。当您单击链接、按钮或具有单击功能的div时,它会在您快速单击的位置闪烁一个灰色框。如何防止这种情况发生?您可以将透明颜色设置为该元素的颜色 a { -webkit-tap-highlight-color: transparent; } 在Phonegap中使用mobile Safari,只有这一点起作用: * { -webkit-backface-visibility: hidden; -webkit-tap-highlight

有没有办法禁用它?

我只是说在浏览器中。。。当您单击链接、按钮或具有单击功能的div时,它会在您快速单击的位置闪烁一个灰色框。如何防止这种情况发生?

您可以将透明颜色设置为该元素的颜色

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

在Phonegap中使用mobile Safari,只有这一点起作用:

* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }
资料来源:

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

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

来源:

你为什么要这么做?这样用户就知道他们实际上激活了一些东西。。。这很有帮助。基本上,我在一张大图的上方有一个div。当他们双击它时,它会放大。(由于其他原因,我禁用了缩放选项),当您单击它一次时,它允许工具栏显示或消失。因为这个div是透明的,所以我不希望每次他们点击它时它都闪烁。但是,我将它保留在我的大多数其他按钮上。例如:
-webkit tap highlight color:rgba(0,0,0,0)非常酷,谢谢。我将它添加到包含我的移动应用程序的container div中,但假设您也可以将它添加到body元素中,如下所示:body{-webkit tap highlight color:rgba(0,0,0,0);}我在Phonegap中制作的一个应用程序在点击元素时一直有短暂的闪烁,这对我来说是显而易见的。设置
-webkit点击突出显示颜色:对所有东西(即
*
)都透明。Charlie-您看到的问题是,webkit似乎会在项目变为非活动状态时对其短暂应用突出显示颜色。与其设置这样的全局规则,不如添加
-webkit点击高亮颜色:rgba(0,0,0,0)
到目标链接的非活动状态解决了问题。只需添加使用
webkit点击高亮显示颜色:none
不起作用。实际上,您必须通过
rgba(0,0,0,0)
设置透明度。是否有我需要担心的Mozilla版本?