javascript - 如何避免在触摸设备上选择 Leaflet 路径

Question

我正在玩弄 http://leafletjs.com/我注意到我在 map 上绘制的每一层都会生成一个可选路径，当我在移动设备(甚至是内置的 Chrome 模拟器)上触摸/单击它时，它会突出显示 - 这使得它不仅看起来很丑，而且在视觉上会干扰 map 上的其他功能。

这就是我的意思:

您甚至可以在 Quick Start example 上复制它在官方网站上。

有什么办法可以避免这种情况吗？或者这是 Chrome 特定的行为？

编辑:这已在 https://github.com/Leaflet/Leaflet/pull/5303 中修复 .谢谢@IvanSanchez。

Answer 1

您可以使用如下 CSS 规则阻止触摸突出显示:

.leaflet-container {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

添加规则后，在 Leaflet map 中触摸的任何内容都将获得透明突出显示。