目录

CSS user-select 属性


示例

防止 <div> 元素的文本选择:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
亲自试一试 »

定义和用法

这个user-select属性指定是否可以选择元素的文本。

在网络浏览器中,如果双击某些文本,它将被选择/突出显示。该属性可用于防止这种情况发生。

默认值: 汽车
遗传:
可动画: 不。阅读可动画的
版本: CSS3
JavaScript 语法: 对象.style.userSelect="none"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
user-select 54.0
6.0 -webkit-
79.0
10.0 -ms-
69.0
2.0 -moz-
3.1 -webkit- 41.0
15.0 -webkit-

CSS 语法

user-select: auto|none|text|all;

属性值

Value Description Demo
auto Default. Text can be selected if the browser allows it Play it »
none Prevent text selection Play it »
text The text can be selected by the user Play it »
all Text selection is made with one click instead of a double-click Play it »

相关页面

HTML DOM 参考:用户选择属性