三星 Galaxy Tab 10.1 和 -webkit-tap-highlight-color 风格？

Question

我正在尝试关闭默认的 Android 网络“突出显示”（到处推荐的 -webkit-tap-highlight-color 样式“修复”）——这在大多数设备上都很好用，但不适用于我的 Galaxy Tab 10.1 - 任何带有“点击”处理程序的东西，在浏览器中“点击”时，总是会以默认的“深色”颜色突出显示。

例如。

我的 CSS 中有这个：

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

• 然后使用 jQuery 在 div 上设置“点击”处理程序：

  某种内容 div >

• 使用代码如：

  $("#text").click(function(e) { alert("Hello !") });

使用在 Galaxy Tab 10.1 浏览器中运行的简单代码，您总是会在 div 上获得“突出显示”，它似乎完全忽略了样式？

有人有什么想法吗？似乎通过使用“touchstart”和“touchend”事件，这取决于我捕获这些事件的“级别”，但这似乎有点过分了——Galaxy Tab 浏览器有什么特别之处吗？我已经尝试过搜索，但是要查找的术语组合太多了，我迷路了:(

谢谢

克里斯

Answer 1

尝试给它任何颜色而不是默认颜色！例如-webkit-tap-highlight-color: rgba(58, 52, 222, 0.5);

在我尝试更改默认突出显示颜色的某些 Android 设备上，它最终确保颜色无法正常工作！

-一旦你检查了它，尝试在颜色末尾添加 !important，这似乎会强制恢复默认颜色！

Answer 2

将此添加到您的 CSS 中。已在三星 Galaxy S9 上测试并运行。

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