如何防止蓝色突出显示出现

Question

我有一个无序列表，每当我双击该无序列表时，该无序列表的textContent都会用蓝色突出显示，我该怎么做才能防止它再次发生，请不要使用jQuery的纯JavaScript脚本。

Answer 1

我假设blue highlight是用户的选择！

您可以在CSS中为user-select:none设置li

MDN link

  

用户选择的CSS属性控制用户是否可以选择文本。

li {
 user-select: none;
}

但是，这阻止了用户选择和复制内容。

Answer 2

快速Google搜索：

::selection {
  background: black; // change color here
}

将此添加到CSS。

选择特定元素：

ul li::selection {
  background: #fff2a8;
}