ipad - 无法在 iPad 应用程序上禁用点击突出显示颜色

Question

我正在创建一个需要在 iPad 上查看的网页。

一切都很好，但每次我点击某个东西时，都会出现令人讨厌的黑色闪光。我尝试了很多解决方案：

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


<script type="text/javascript">
    document.documentElement.style.webkitTouchCallout = "none";
</script>

甚至将其添加到元素本身：

.viewCont {
    width: 1000px;
    height: 690px;
    position: absolute;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-user-select: none;
    -webkit-touch-callout:none;
}

当我在我的 iPad 上的 Safari 中查看它时它可以工作，但是当我将它作为一个独立的仪表板应用程序时，闪烁又回来了。

有人有提示或建议吗？

Answer 1

您必须将此应用于所有元素，而不仅仅是 HTML 标记。像这样试试

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