如何防止Safari添加可点击元素的阴影

Question

我正在研究一个小型的移动Web游戏，并且遇到了问题。

我添加了一个点击eventListener到一个元素（例如<div></div>），并在safari（iOS 9）上测试它。一旦我触摸div一行，它会出现一个覆盖整个div的阴影，稍后会淡出。此外，在阴影出现时很难截图，所以没有任何图片可以帮助。

有谁知道如何防止阴影出现通过CSS或JavaScript？这绝对不会是一个很好的游戏体验。

Answer 1

您可以将龙头高亮颜色设置为transparent。

div { 
    -webkit-tap-highlight-color: transparent; 
}