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

Question

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

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

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

设置

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

正如 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;
}