前言
做網(wǎng)頁的時候奸远,有些文字我們需要能被選中亥鬓,有些我們不要能被選中茂缚,那么這就需要用到一個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 : 文本將根據(jù)瀏覽器的默認屬性進行選擇
all : 當所有內(nèi)容作為一個整體時可以被選擇。如果雙擊或者在上下文上點擊子元素支示,那么被選擇的部分將是以該子元素向上回溯的最高祖先元素
contain刊橘、element : 可以選擇文本,但選擇范圍受元素邊界的約束颂鸿,也就是選擇的文本將包含在該元素的范圍內(nèi)促绵。只支持Internet Explorer
注意:
瀏覽器實現(xiàn)之間的區(qū)別之一是繼承。在Firefox中,-moz-user-select不是由絕對定位的元素繼承的败晴,但在Safari和Chrome中浓冒,-webkit-user-select卻是由絕對定位的元素繼承而來的。
詳情請瀏覽:user-select詳細介紹