css設(shè)置不能選中文字的方法

發(fā)布時(shí)間：2020-11-17 10:02:10 來源：億速云閱讀：374 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)css設(shè)置不能選中文字的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

css設(shè)置不能選中文字的方法：可以利用user-select屬性來進(jìn)行設(shè)置，如【user-select:none】。user-select屬性是css3中新增的，用來控制內(nèi)容的可選擇性。

屬性介紹：

user-select是在css3 UI規(guī)范中新增的一個(gè)功能，用來控制內(nèi)容的可選擇性。

代碼實(shí)現(xiàn)：

/*設(shè)置文字不能被選中     以下為css樣式*/
-webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;

屬性值：

auto——默認(rèn)值，用戶可以選中元素中的內(nèi)容
none——用戶不能選擇元素中的任何內(nèi)容
text——用戶可以選擇元素中的文本
element——文本可選，但僅限元素的邊界內(nèi)(只有IE和FF支持)all——在編輯器內(nèi)，如果雙擊/上下文點(diǎn)擊發(fā)生在子元素上，該元素的最高級(jí)祖先元素將被選中。
-moz-none——firefox私有，元素和子元素的文本將不可選，但是input輸入框中的文字除外（IE瀏覽器下是通過onselectstart="javascript:return false;"事件來實(shí)現(xiàn)該功能的）

關(guān)于css設(shè)置不能選中文字的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡