在 Android 中禁用链接周围的橙色突出显示答案

【问题标题】：Disable orange highlight around links in Android在 Android 中禁用链接周围的橙色突出显示
【发布时间】：2012-09-22 01:47:09
【问题描述】：

我已经尝试了一百万次来删除 Android webview 上链接周围令人讨厌的橙色突出显示框，但它们似乎并没有消失。不，这不起作用：

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

我真的很困惑，还有其他想法吗？我正在 Galaxy S3 上进行测试。

【问题讨论】：

标签： android

【解决方案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>，而不是链接本身。

【讨论】：

【解决方案2】：

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

-webkit-tap-highlight-color:transparent;

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

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

【讨论】：

【解决方案3】：

此外，在较新的 Amazon Fire 平板电脑和 FireTV 设备上，您可能会看到一个“对焦环”，这可能会干扰您的应用管理其自身焦点的愿望。通常，这仅在快速触摸屏幕或在 FireTV 设备的情况下按住箭头键之一后才会出现。

这会导致焦点元素周围出现一个通常为橙色的细“环” - 或者至少是这些设备中的 Android 代码“认为”具有焦点的元素 - 就像通过按下选项卡移动焦点一样在浏览器窗口中键入。

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

*:焦点{
大纲：无； }

【讨论】：