如何防止safari为可点击元素添加阴影

Question

我正在开发一款小型移动网络游戏，但我遇到了问题。

我向元素添加了一个eventListener（例如<div></div>），并在safari（iOS 9）上进行了测试。触摸div行后，它会显示一个覆盖整个div的阴影，并在稍后的时间内消失。此外，当阴影出现时难以截取屏幕截图，因此没有任何帮助图片。

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

Answer 1

您可以将点击突出显示颜色设置为transparent。

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