单击Leaflet“复选框”时如何解决脆弱的“意外选择文本”问题？

Question

在右上角的按钮中，当您单击复选框旁边的复选框或文本时，很容易意外地“全选”或“选择”您单击的单词。这使整个体验感觉“便宜”和“阿尔法”/越野车。

有一个简单的方法吗？为什么它会像这样？

Answer 1

可以通过将以下CSS添加到复选框的包装器来阻止文本选择事件：

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

您可以在this article中找到更多方法。