8

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

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

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

4

3 回答 3

6

尝试

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

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

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

于 2012-11-09T20:36:59.560 回答
1

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

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

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

*：焦点{
大纲：无；}

于 2014-12-18T19:15:26.187 回答
0

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

-webkit-tap-highlight-color:transparent;

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

a:active,
a:hover,
a:focus {
    background: rgba(255, 255, 255, .5);
}
于 2013-10-10T16:09:14.303 回答