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版本?