user-select 网页内容的可选性

[CSS] user-select网页内容的可选性

2016.03.05 08:11* 字数 172 阅读 36评论 0喜欢 0

user-select属性用来控制样式的可选性。

用法：

user-select:value;

值：

auto：默认值，用户可以选中元素中的内容

none：用户不能选择元素中的任何内容

text：用户可以选择元素中的文本

element：文本可选，但仅限元素的边界内(只有IE和FF支持)

all：在编辑器内，如果双击/上下文点击发生在子元素上，改值的最高级祖先元素将被选中。

-moz-none：firefox私有，元素和子元素的文本将不可选，但是，子元素可以通过text重设回可选。

例如：

body{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;  }