user-select

語法:

user-select:none | text | all | element

預設值text

適用於:除替換元素外的所有元素

繼承性:無

動畫性:否

計算值:指定值

取值:

none:
文字不能被選擇
text:
可以選擇文字
all:
當所有內容作為一個整體時可以被選擇。如果雙擊或者在上下文上點擊子元素,那麼被選擇的部分將是以該子元素向上回溯的最高祖先元素。
element:
可以選擇文字,但選擇範圍受元素邊界的約束

說明:

設定或檢索是否允許使用者選中文字。
  • IE6-9不支援該屬性,但支援使用標簽屬性 onselectstart="return false;" 來達到 user-select:none 的效果;Safari和Chrome也支援該標簽屬性;
  • 直到Opera12.5仍然不支援該屬性,但和IE6-9一樣,也支援使用私有的標簽屬性 unselectable="on" 來達到 user-select:none 的效果;unselectable 的另一個值是 off;
  • 除Chrome和Safari外,在其它瀏覽器中,如果將文字設定為 -ms-user-select:none;,則使用者將無法在該文字塊中開始選擇文字。不過,如果使用者在頁面的其他區域開始選擇文字,則使用者仍然可以繼續選擇將文字設定為 -ms-user-select:none; 的區域文字;
  • 對應的腳本特性為userSelect

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-9.0 4.0-40.0-moz- 4.0-8.0-webkit- 4.0-45.0-webkit- 6.0-8.0-webkit- 15.0-27.0-webkit- 6.0-8.3-webkit- 18.0-42.0-webkit-
10.0-11.0-ms-
element 6.0-9.0 4.0-40.0-moz- 4.0-8.0 4.0-45.0 6.0-8.0 15.0-27.0 6.0-8.3 18.0-42.0
10.0-11.0-ms-

示例: