CSS之user-select——設置標籤中的文字是否能夠被複制

user-select

語法：

user-select：none |text| all | element

-webkit-user-select: text
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
 user-select: text;

默認值：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。

兼容性：

淺綠 = 支持

紅色 = 不支持

粉色 = 部分支持