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