user-select怎样运用?默许值有哪些?
user-select属性是css3新增的属性,用于设定会员可否能够选中文本。
语法
user-select:none | text | all | element
默许值:text
适用范畴:除更换元素外的所有元素
取值说明
none:文本不克不及被选中
text:可以选中文本
all:当所有内容作为一个团体时可以被选中。假如双击或者在上下文上点击子元素,那么被选中的部分将是以该子元素向上回溯的最高祖先元素。
element:可以选中文本,但选中范畴受元素边界的束缚
说明
1、IE6-9不支撑该属性,但支撑使用标签属性 onselectstart=”return false;”来到达 user-select:none 的结果;Safari和Chrome也支撑该标签属性;
2、直到Opera12.5依然不支撑该属性,但和IE6-9一样,也支撑使用私有的标签属性 unselectable=”on” 来到达 user-select:none的结果;unselectable 的另一个值是off;
3、除Chrome和*Safari外,在其它阅读器中,假如将文本设定为 -ms-user-select:none;,则会员将没法在该文本块中开端选中文本。不外,假如会员在页面的其他区域开端选中文本,则会员依然可以连续选中将文本设定为 -ms-user-select:none; *的区域文本;
4、对应的足本特性为userSelect
例:
css代码:
.box{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
html代码:
<div class="box" onselectstart="return false;" unselectable="on"> 这是测试数据 </div>
以上就是user-select怎样使用?默许值是啥?的具体内容,更多请关注百分百源码网其它相关文章!