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

Posted 2023-03-06

【中文标题】在 Android 中禁用链接周围的橙色突出显示

【英文标题】：Disable orange highlight around links in Android

【发布时间】：2012-09-22 01:47:09

【问题描述】：

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

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

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

【问题讨论】：

我认为这不是 CSS 问题，而是与 WebView 有关 - 不确定

经过一些测试，似乎无法禁用 a-href 链接的突出显示，但这对其他所有内容都有效。

我在 body 标记上设置了该样式，并且效果很好。它也应该与 '*' 一起使用，不知道为什么它不适合你。

@kaleazy 你找到解决这个问题的方法了吗？我也遇到同样的问题...

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

【讨论】：

请注意，user-modify 属性确实会导致键盘在 ios 上弹出，这通常是不可取的。

只想提一下，这是三星 Galaxy 平板电脑以及本机 Internet 浏览器中橙色突出显示的解决方案。

【参考方案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 设备的关注：

*:焦点 大纲：无；