user-select的詳細用法

前言

作網頁的時候，有些文字咱們須要能被選中，有些咱們不要能被選中，那麼這就須要用到一個css屬性了，那就是 user-select

使用方法

user-select: none|auto|text|contain|all;
 
/*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;
 
屬性值：
none :  元素和子元素的文本將沒法被選中
text :  文本能夠被選中
auto :  文本將根據瀏覽器的默認屬性進行選擇
all  :  當全部內容做爲一個總體時能夠被選擇。若是雙擊或者在上下文上點擊子元素，那麼被選擇的部分將是以該子元素向上回溯的最高祖先元素
contain、element :  能夠選擇文本，但選擇範圍受元素邊界的約束，也就是選擇的文本將包含在該元素的範圍內。只支持Internet Explorer
 
注意： 
瀏覽器實現之間的區別之一是繼承。在Firefox中，-moz-user-select不是由絕對定位的元素繼承的，但在Safari和Chrome中，-webkit-user-select倒是由絕對定位的元素繼承而來的。