javascript - 当页面作为 Web 独立应用程序时，错误的 webkit-tap-highlight-color 行为

Question

我正在尝试使用 CSS 删除 iPad 中网页点击时的突出显示

-webkit-tap-highlight-color: rgba(0, 0, 0, 0)

直接使用 iPad2 中的浏览器时效果非常好。但是，如果我将页面移动到带有漂亮大图标的网络应用程序，则该行为不再有效。怪人没有？

设置

document.documentElement.style.webkitTouchCallout = "none";

如 this question 中指出的不起作用

欢迎一些想法、提示

Answer 1

-webkit-tap-highlight-color 和 -webkit-user-select 的组合对我有用。您可以将它们应用到单个元素或 html。

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-user-select: none;
}