禁用Android中链接的橙色突出显示

Question

我已经尝试过一百万次去除Android webview上链接周围令人讨厌的橙色高亮框，但它们似乎并没有消失。不，这不起作用：

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

我真的很困惑，其他任何想法？我正在测试Galaxy S3。

Answer 1

尝试

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

来自here的

。结果真正棘手的是第二个属性，用户修改。我认为这是自4.0.4以来的要求，这恰好影响了Galaxy S3，等等。

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

Answer 2

此外，在较新的亚马逊Fire Tablets和FireTV设备上，您可以看到一个＆＃34;聚焦环＆＃34;这可能会干扰您的应用程序管理它自己的重点的愿望。通常，这仅在快速触摸屏幕后出现，或者在FireTV设备的情况下，按住其中一个箭头键。

这导致一个薄的，通常是橙色的＆＃34;戒指＆＃34;出现在聚焦元素周围 - 或者至少是那些设备中的Android代码＆＃34;认为＆＃34;具有焦点 - 以同样的方式通过在浏览器窗口中按Tab键移动焦点。

您可以通过将其插入到CSS代码中的适当位置来删除对亚马逊设备的关注：

  

*：焦点{
      大纲：无;   }

Answer 3

在galaxy设备上“-webkit-tap-highlight-color”仅适用于

-webkit-tap-highlight-color:transparent;

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

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