如何防止Safari添加可點擊元素的陰影

Question

我正在研究一個小型的移動Web遊戲，並且遇到了問題。

我添加了一個點擊eventListener到一個元素（例如<div></div>），並在safari（iOS 9）上測試它。一旦我觸摸div一行，它會出現一個覆蓋整個div的陰影，稍後會淡出。此外，在陰影出現時很難截圖，所以沒有任何圖片可以幫助。

有誰知道如何防止陰影出現通過CSS或JavaScript？這絕對不會是一個很好的遊戲體驗。

Answer 1

您可以將龍頭高亮顏色設置爲transparent。

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