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

Question

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

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

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

环境

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

正如这个问题所指出的那样不起作用

欢迎一些想法，提示

Answer 1

-webkit-tap-highlight-color和的结合-webkit-user-select对我有用。您可以将这些应用于单个元素，或html.

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