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

Posted 2023-03-14

【中文标题】无法在 iPad 应用程序上禁用点击突出显示颜色

【英文标题】：Can't disable tap highlight color on iPad app

【发布时间】：2013-01-09 03:12:53

【问题描述】：

我正在创建一个需要在 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 中查看它时它可以工作，但是当我将它作为一个独立的仪表板应用程序时，闪烁又回来了。

任何人有提示或建议？

【参考方案1】：

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

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

【讨论】：

顺便说一句。要摆脱烦人的黑色高光，您只需要使用“-webkit-tap-highlight-color: rgba(0,0,0,0);”