CSS user-select 属性

CSS user-select 属性控制用户能否选中文本。除了文本框内，它对被载入为 chrome 的内容没有影响。

实例

防止选取 <div> 元素的文本：

<!DOCTYPE html>
<html>
<head>
<style>
div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
</style>
</head>
<body>
<h1>user-select 属性</h1>
<div>无法选择此 div 元素的文本。如果你双击我，我的文字将不会突出显示。</div>
</body>
</html>

运行一下

定义和用法

user-select 属性规定是否能选取元素的文本。

在 Web 浏览器中，如果您在文本上双击，文本会被选取或高亮显示。此属性用于阻止这种行为。

注意：user-select 不是继承属性，即使默认的属性值 auto 的表现基本上以继承为主，似乎是继承属性。甚至，WebKit/基于 Chromium 的浏览器在实现此属性时将其作为继承属性，但这和有关规范是相悖的，且会带来一些问题。

默认值：	auto
继承：	否
动画制作：	不支持。请参阅：动画相关属性。
版本：	CSS3
JavaScript 语法：	object.style.userSelect="none"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

跟随 -webkit-、-ms- 或 -moz- 的数字规定使用前缀的首个版本。

属性
user-select	54.06.0 -webkit-	79.010.0 -ms-	69.02.0 -moz-	3.1 -webkit-	41.015.0 -webkit-

CSS 语法

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

属性值

值	描述
auto	默认。如果浏览器允许，则可以选择文本。
none	防止文本选取。
text	文本可被用户选取。
all	单击选取文本，而不是双击。

CSS user-select 属性

实例

定义和用法

浏览器支持

CSS 语法

属性值

分类导航