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 屬性
