如何使Ul列表项无法选择。

21 浏览
0 Comments

如何使Ul列表项无法选择。

这个问题已经有答案了：

如何禁用文本选择高亮

我有以下的ul列表。我想让其中的某个列表项无法被选择。

    • ABC

 

    • PQR

 

    • XYZ

 

 

我该如何做到这一点？我尝试设置以下css类，但没有帮助。

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

admin 更改状态以发布 2023年5月22日
0

1 答案

0 Comments

它确实工作，但我认为你可能会遇到的问题是在设置HTML的方式上。

请确保您要不可选择的

  • 元素具有unselectable类，就像这个示例一样：

  • unselectable
    •

    Fiddle：
    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");

    Fiddle：
    http://jsfiddle.net/TtLQa/4/

    • 0