使用 Cursor:Pointer 触摸/按下对象时禁用蓝色突出显示

Question

每当在 Chrome 中触摸应用了 cursor:pointer 属性的 Div 时，就会出现蓝色突出显示。我们怎样才能摆脱它？

我尝试了以下方法：

 -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

但它们不会影响按下光标时的蓝色突出显示。

原文由 Ulad Kasach 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);

解决了这个问题，因为它将突出显示颜色设置为透明。

资料来源： http ://samcroft.co.uk/2012/alternative-to-webkit-tap-highlight-color-in-phonegap-apps/

原文由 Ulad Kasach 发布，翻译遵循 CC BY-SA 3.0 许可协议