在样式开发中,有可被选中, 和不可被用户选中的元素。这时候就用到 了今天介绍的user-select属性。
属性值 | 说明 |
---|---|
all | 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素 |
auto | 文本将根据浏览器的默认属性进行选择 |
contain | 选择该元素范围内的文本,只支持(Explorer未测试) |
none | 元素和子元素的文本将无法被选中 |
text | 文本可以被选中 |
inherit | 继承父元素的此属性 |
initial | 设置为初始的样式属性 |
revert | 样式表中定义的元素属性的默认值。若用户定义样式表中显式设置,则按用户定义的设置否则,按照浏览器默认的的样式设置在否则,等价于unset |
unset | 如果该属性可以被继承,则是继承的值,不可以被继承(initial),则是默认的值 |
浏览器实现之间的区别之一是继承
浏览器 | 继承 |
---|---|
Firefox(-moz-user-select) | 不是由决定定位元素继承 |
Safari和Chrome(-webkit-user-select) | 是由绝对定位元素继承 |