none:文本不能被选择,即不可选中复制
text:可以选择文本,即可以选中复制文本信息
all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
contain(element):可以选择文本,但选择范围受元素边界的约束,仅在IE中受支持
auto:
在::before和::after伪元素上,计算值是none
如果元素是可编辑元素,则计算值是contain
否则,如果此元素的父元素的user-select的计算值为all,计算值则为all
否则,如果此元素的父元素的user-select的计算值为none,计算值则为none
否则,计算值则为text
1.IE6-9不支持该属性,但支持标签属性 onselectstart="return false;"[IE/Safari/Chrome] 来达到 user-select:none的效果
2.Opera 12.5之前也不支持该属性,支持私有的标签属性 unselectable="on" 来达到user-select:none的效果,on对应的是off
2. 代码
2.1 代码示例
一般使用如下:
-webkit-user-select:text;
-moz-user-select:text;
-ms-user-select:text;
user-select:text;