如何使 Ul 列表项无法选择[重复]

【问题标题】：How to make a Ul list item unselectable [duplicate]如何使 Ul 列表项无法选择[重复]
【发布时间】：2013-04-17 09:06:54
【问题描述】：

我有关注 ul。我想让任何特定的列表项无法选择。

<ul>
  <li>ABC</li>
  <li>PQR</li>
  <li>XYZ</li>
</ul>

我该怎么做？我尝试设置以下 css 类，但没有帮助

.unselectable {
 -moz-user-select: -moz-none;
 -khtml-user-select: none;
 -webkit-user-select: none;
  -o-user-select: none;
  user-select: none
}

【问题讨论】：

不可选择是什么意思？
这可能很愚蠢，也可能很明显，但您能否向我们展示一下您是如何设置 HTML 的？
我想用 javascript 来做这件事。将列表项之一设为不可选择或禁用它
查看此链接https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting?rq=1

标签： javascript css

【解决方案1】：

它确实有效，但我认为您可能遇到的问题在于您设置 HTML 的方式。

确保您不希望选择的 <li> 元素具有 unselectable 类，如本示例所示：

<li class="unselectable">unselectable</li>

小提琴：
http://jsfiddle.net/TtLQa/1/

另外，请参阅this link 以获取有关user-select:none 的浏览器支持信息。

编辑：

我刚刚看到你的评论，你想通过 javascript 来做到这一点。

使用 jQuery，您可以根据需要轻松添加或删除类：

$(element).addClass("unselectable");
$(element).removeClass("unselectable");

//removes it if it is there, or adds it if it is not
$(element).toggleClass("unselectable");

小提琴：
http://jsfiddle.net/TtLQa/4/

【讨论】：