html - 如何在触摸设备上禁用点击事件样式(可点击的 DIV)？

Question

如何禁用此蓝色背景事件效果(请参见下面的 GIF)。

这不是链接。

这是一个附加了 onClick() 事件处理程序的 DIV。

注意:这只会发生在触摸设备上。单击鼠标不会触发该效果。

这似乎与在 div 上设置的 cursor:pointer; 属性有关。

当我移除它时，效果就消失了。但我需要 cursor:pointer; 属性。

我该怎么做才能摆脱这种影响？

Answer 1

你可以使用这个:

.your-class {
    -webkit-tap-highlight-color: transparent;
}