Question

可能重复：
css rule to disable text selection highlighting

我们正在构建一个允许扩展/折叠元素的Web应用程序。

其中一个可点击的项目如下所示：

注意单击元素时的文本选择很烦人。处理此问题的推荐方法是什么？

Answer 1

对于Firefox和Chrome / Safari，您可以使用用户选择属性。它仍然是实验性的我认为你应该使用像这样的供应商前缀： #element-id{-moz-user-select: none; -webkit-user-select: none;}

至于Opera和IE我不知道（也许Opera使用-o-user-select会起作用，但我不确定）

编辑：我看了一下，因为我也对这个问题感兴趣，显然，对于Opera和IE，有一个unselectable属性。 More details about it

Answer 2

以CSS方式禁用选择：

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;

或者您可以使用元素属性unselectable

<div unselectable="on">...</div>