非常简单的问题：我的单页应用程序在Safari上有正常的WebKit点击高亮显示，所以当你点击时，会出现一个半透明的灰色框，然后消失。这是Safari的正常行为，也是需要的。
有时，在iPad上，灰色方框会出现，但不会消失；点击按钮会完成，按钮的效果会按预期执行(例如，更改路线(，但灰色框会一直保留，直到您再次点击为止。
灰色框不在DOM中——我几乎可以肯定这是Safari的点击高亮，而不是我们添加的内容。
"反作用"；粘性悬停"；使用@media hover(hover) { hover styles here }什么都不做，所以我不认为这是一个粘性悬停问题。
使用-webkit-tap-highlight: transparent;禁用点击高亮显示可以通过取消所有点击高亮显示来解决问题。这不是一个好的解决方案。所需的行为是高亮显示水龙头，并使其正常工作。
这是一个相对较新的问题，所以我认为我们做了一些的事情来导致这种行为，但我不知道是什么。有什么想法吗？
谢谢！
我们在IOS上的flutter应用程序中打开网页视图时也遇到了类似的问题，该问题是由于将整个应用程序封装在手势检测器中导致-webkit点击高亮显示卡在屏幕上。
不确定你使用的是什么堆栈，但希望这能帮助你或任何有类似问题的人解决它。