user-select如何使用?默认值是什么?

2024-01-17 16:59 小编
  user-select属性是css3新增的属性,用于设置用户是否能够选中文本。
 
  语法
 
  user-select:none|text|all|element
 
  默认值:text
 
  适用范围:除替换元素外的所有元素
 
  取值说明
 
  none:文本不能被选择
 
  text:可以选择文本
 
  all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
 
  element:可以选择文本,但选择范围受元素边界的约束
 
  说明
 
  1、IE6-9不支持该属性,但支持使用标签属性onselectstart=”returnfalse;”来达到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代码:
 
  <divclass="box"onselectstart="returnfalse;"unselectable="on">
 
  这是测试数据
 
  </div>


Tag: 如何 什么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码