CSS user-select 屬性

定義和用法

user-select 屬性規定是否能選取元素的文本。

在 web 瀏覽器中，如果您在文本上雙擊，文本會被選取或高亮顯示。此屬性用于阻止這種行為。

另請參閱：

HTML DOM 參考手冊：userSelect 屬性

實例

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

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Standard syntax */
}

親自試一試

CSS 語法

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

屬性值

值 描述
auto 默認。如果瀏覽器允許，則可以選擇文本。
none 防止文本選取。
text 文本可被用戶選取。
all 單擊選取文本，而不是雙擊。

技術細節

默認值： auto
繼承： 否
動畫制作： 不支持。請參閱：動畫相關屬性。
版本： CSS3
JavaScript 語法： object.style.userSelect="none"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

跟隨 -webkit-、-ms- 或 -moz- 的數字規定使用前綴的首個版本。

Chrome IE / Edge Firefox Safari Opera
54.0
6.0 -webkit- 		79.0
10.0 -ms- 		69.0
2.0 -moz- 		3.1 -webkit- 41.0
15.0 -webkit-