防止 <div> 元素的文本选择:
div {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
亲自试一试 »
这个user-select
属性指定是否可以选择元素的文本。
在网络浏览器中,如果双击某些文本,它将被选择/突出显示。该属性可用于防止这种情况发生。
表中的数字指定完全支持该属性的第一个浏览器版本。
后跟 -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- |
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 参考:用户选择属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!