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

无法在iPad应用中禁用点按高亮颜色

1 个答案: