前言

做網頁的時候，有些文字我們需要能被選中，有些我們不要能被選中，那么這就需要用到一個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注意： 瀏覽器實現之間的區(qū)別之一是繼承。在Firefox中，-moz-user-select不是由絕對定位的元素繼承的，但在Safari和Chrome中，-webkit-user-select卻是由絕對定位的元素繼承而來的。

詳情請瀏覽：user-select詳細介紹

總結

以上是生活随笔為你收集整理的user-select的详细用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。