禁用Android中链接的橙色高亮显示

我已经尝试了一百万次去除Android webview上的链接周围的恼人的橙色高亮框,但他们似乎并没有消失。 不,这不起作用:

* { -webkit-tap-highlight-color:rgba(0,0,0,0) !important; } 

我真的很困惑,还有其他想法吗? 我正在testingGalaxy S3。

Solutions Collecting From Web of "禁用Android中链接的橙色高亮显示"

尝试

 * { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plaintext-only; } 

从这里 。 原来真正棘手的是第二个属性user-modify。 我认为这是自4.0.4以来的一个要求,恰好影响了Galaxy S3等等。

您可以缩小select器的范围,但必须影响链接的父级 ,例如<p><li> ,而不是链接本身。

此外,在较新的Amazon Fire Tablets和FireTV设备上,您可能会看到一个“聚焦环”,这可能会干扰您的应用pipe理自己的焦点。 通常情况下,只有在快速触摸屏幕或FireTV设备的情况下,才能按住其中一个箭头键。

这会导致一个薄的,通常是橙色的“环”出现在焦点元素周围,或者至less是那些设备中的Android代码所“认为”焦点的元素 – 以同样的方式通过按下Tab键来移动焦点浏览器窗口。

您可以通过将此插入到您的CSS代码中的适当位置来删除亚马逊设备上的这个焦点:

*:焦点{
大纲:无; }

在星系设备上“-webkit-tap-highlight-color”只适用于

 -webkit-tap-highlight-color:transparent; 

然后,要更改颜色,请在所需元素上添加以下样式

 a:active, a:hover, a:focus { background: rgba(255, 255, 255, .5); }