如何使Ul列表项无法选择

Question

我有下面的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
}

Answer 1

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

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

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

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

另外，请参阅此链接以获取有关 的浏览器支持信息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/