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

【问题标题】：How do I prevent the blue highlight to appear如何防止出现蓝色突出显示
【发布时间】：2019-10-10 17:27:50
【问题描述】：

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

【问题讨论】：

【解决方案1】：

我假设blue highlight 是用户选择！

你可以在css中为li设置user-select:none

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

li {
 user-select: none;
}

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

【讨论】：

【解决方案2】：

快速谷歌搜索：

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

将此添加到 css。

选择特定元素：

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

【讨论】：