前幾天在網頁製作中，發現有些地方的文字雙擊就會被選中，特別醜，一點也不美觀，並且有些部分的需求就是文字不可以被選中或複製，在這種情況下，我們就可以用到 user-select 了。
1、作用
控制頁面文字不能被選中
2、用法
user-select: none;
user-select: auto;
user-select: text;
user-select: contain;
user-select: all;
-moz-user-select: none;
-moz-user-select: text;
-moz-user-select: all;
-webkit-user-select: none;
-webkit-user-select: text;
-webkit-user-select: all;/*Safari中不支持該屬性值，只能使用none或者text，或者是在html的標籤屬性中使用*/
-ms-user-select: none;
-ms-user-select: text;
-ms-user-select: element;
屬性值：
none
元素和子元素的文本將無法被選中
text
文本可以被選中
auto
文本將根據瀏覽器的默認屬性進行選擇
all
當所有內容作爲一個整體時可以被選擇。如果雙擊或者在上下文上點擊子元素，那麼被選擇的部分將是以該子元素向上回溯的最高祖先元素
contain、element
可以選擇文本，但選擇範圍受元素邊界的約束，也就是選擇的文本將包含在該元素的範圍內。只支持Internet Explorer
注意：
瀏覽器實現之間的區別之一是繼承。在Firefox中，-moz-user-select不是由絕對定位的元素繼承的，但在Safari和Chrome中，-webkit-user-select卻是由絕對定位的元素繼承而來的。
3、瀏覽器的支持程度
參考文章：
http://developer.mozilla.org/en-US/docs/Web/CSS/user-select