文字选择在Web应用程序中的最佳实践
可能重复：
css规则禁用文本选择突出显示
我们正在构建一个允许元素展开/折叠的Web应用程序。
其中一个可点击的项目如下所示：
http://f.cl.ly/items/2d1Z1j0X0w3w1e1b210f/Screen%20Shot%202012-09-28%20at%2014.54.42.png
注意单击元素时的文本选择很烦人。 处理这个问题的建议方法是什么？
对于Firefox和Chrome / Safari，您可以使用用户选择属性。 它仍然是我试过的实验，所以你应该使用像这样的供应商前缀： #element-id{-moz-user-select: none; -webkit-user-select: none;} #element-id{-moz-user-select: none; -webkit-user-select: none;}
至于Opera和IE我不知道（也许Opera使用-o-user-select会工作，但我不确定）
编辑：我环顾了一下，因为我也对这个问题感兴趣，显然，Opera和IE有一个unselectable属性。 有关它的更多细节
以CSS方式禁用选择：
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
或者你可以使用元素属性不可选
<div unselectable="on">...</div>