user-select詳解

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

• 屬性值：
  none : 元素和子元素的文本將沒法被選中

text : 文本能夠被選中

auto : 文本將根據瀏覽器的默認屬性進行選擇

all : 當全部內容做爲一個總體時能夠被選擇。若是雙擊或者在上下文上點擊子元素，那麼被選擇的部分將是以該子元素向上回溯的最高祖先元素

contain、element : 能夠選擇文本，但選擇範圍受元素邊界的約束，也就是選擇的文本將包含在該元素的範圍內。只支持Internet Explorer

• 兼容性：

/firefox瀏覽器/
-moz-user-select: none|text|all;

/safari、chrome瀏覽器/
-webkit-user-select: none|text|all; /Safari中不支持該屬性值，只能使用none或者text，或者是在html的標籤屬性中使用/

/ie瀏覽器/
-ms-user-select: none|text|element;

⭐ 注意：
瀏覽器實現之間的區別之一是繼承。在Firefox中，-moz-user-select不是由絕對定位的元素繼承的，但在Safari和Chrome中，-webkit-user-select倒是由絕對定位的元素繼承而來的。