user-select介绍

为什么要使用user-select

在样式开发中，有可被选中， 和不可被用户选中的元素。这时候就用到 了今天介绍的user-select属性。

user-select的属性值

属性值	说明
all	当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素
auto	文本将根据浏览器的默认属性进行选择
contain	选择该元素范围内的文本，只支持(Explorer未测试)
none	元素和子元素的文本将无法被选中
text	文本可以被选中
inherit	继承父元素的此属性
initial	设置为初始的样式属性
revert	样式表中定义的元素属性的默认值。若用户定义样式表中显式设置，则按用户定义的设置否则，按照浏览器默认的的样式设置在否则，等价于unset
unset	如果该属性可以被继承，则是继承的值，不可以被继承(initial),则是默认的值

注意

浏览器实现之间的区别之一是继承

浏览器	继承
Firefox(-moz-user-select)	不是由决定定位元素继承
Safari和Chrome(-webkit-user-select)	是由绝对定位元素继承