CSS user-select 属性
示例
防止选择 <div> 元素中的文本
div {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 和 IE 11 */
user-select: none; /* 标准语法 */
}
自己动手试一试 »
定义和用法
user-select 属性指定元素中的文本是否可以被选中。
在网页浏览器中，如果您双击某些文本，它会被选中/高亮显示。此属性可用于阻止此行为。
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
后面带有 -webkit- 的数字表示需要加前缀才能使用的第一个版本。
| 属性 | |||||
|---|---|---|---|---|---|
| user-select | 54.0 | 79.0 | 69.0 | 3.1 -webkit- | 41.0 |
CSS 语法
user-select: auto|none|text|all;
属性值
| 值 | 描述 | 演示 |
|---|---|---|
| auto | 默认值。如果浏览器允许，文本可以被选中 | 试一试 » |
| none | 阻止文本选择 | 试一试 » |
| text | 用户可以选择文本 | 试一试 » |
| all | 通过单击（而不是双击）进行文本选择 | 试一试 » |
相关页面
HTML DOM 参考：userSelect 属性
