CSS user-select 属性

user-select:none | text | all | element

默认值:text

适用于:除替换元素外的所有元素

继承性:无

动画性:否

计算值:指定值

取值:

none:

文本不能被选择

text:

可以选择文本

all:

扫描二维码关注公众号,回复: 4289792 查看本文章

当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。

element:

可以选择文本,但选择范围受元素边界的约束

说明:

设置或检索是否允许用户选中文本。

  • IE6-9不支持该属性,但支持使用标签属性 onselectstart="return false;" 来达到 user-select:none 的效果;Safari和Chrome也支持该标签属性;
  • 直到Opera12.5仍然不支持该属性,但和IE6-9一样,也支持使用私有的标签属性 unselectable="on" 来达到 user-select:none 的效果;unselectable 的另一个值是 off;
  • 除Chrome和Safari外,在其它浏览器中,如果将文本设置为 -ms-user-select:none;,则用户将无法在该文本块中开始选择文本。不过,如果用户在页面的其他区域开始选择文本,则用户仍然可以继续选择将文本设置为 -ms-user-select:none; 的区域文本;
  • 对应的脚本特性为userSelect

-webkit-user-select:none 【-webkit 前缀 webkit 内核;主要代表为chrome和safari】

-moz-user-select:none  【-moz 前缀 是 Gecko 内核;主要代表为Firefox】

-o-user-select:none  【-o 前缀 presto 内核;主要代表Opera】

-ms-user-select:none 【-ms 前缀 Trident 内核;主要代表IE浏览器】

-khtml-user-select :none 【-khtml 前缀 KHTML内核;】

备注:

KHTML拥有速度快捷的优点,但是对语法的内容要求则比Mozilla产品所使用的Gecko引擎更加严格。

苹果电脑于2002年采纳了KHTML,作为开发Safari浏览器之用,并发布所修改的最新及历史版本源代码。后来发表了开放源代码WebCoreWebKit引擎,它们均是KHTML的衍生产品,在开发网站列出引擎改变内容,并会传回至KDE计划。由于两个衍生产品各走不同路线,使两者源代码差异较大,结果难以与KDE交换更新。其中一个原因,是苹果在对外公开源代码之前,以一年时间编修他们的KHTML。另外,苹果传送更新至KDE计划的方式,多是一口气把大量改动一起传送,KDE在整理资料也出现一定的困难,及后苹果表示会以CVS格式来传送。再者,苹果所作出的改动包括Mac OS X系统的特有功能,如Objective-C、KWQ等,在Linux及KHTML是没有的。但KDE方面仍透过这些改动,为KHTML加入新功能并且加快其排版速度。

猜你喜欢

转载自blog.csdn.net/weixin_30589127/article/details/84400571
今日推荐