css實(shí)現(xiàn)文字不能選中的方法

發(fā)布時間：2020-11-16 10:57:37 來源：億速云閱讀：378 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)css實(shí)現(xiàn)文字不能選中的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

css實(shí)現(xiàn)文字不能選中的方法：可以利用user-select屬性來實(shí)現(xiàn)，如【-webkit-user-select:none;-moz-user-select:none;】。user-select屬性用來控制內(nèi)容的可選擇性。

屬性介紹：

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

屬性值：

auto——默認(rèn)值，用戶可以選中元素中的內(nèi)容

none——用戶不能選擇元素中的任何內(nèi)容

text——用戶可以選擇元素中的文本

element——文本可選，但僅限元素的邊界內(nèi)(只有IE和FF支持)

all——在編輯器內(nèi)，如果雙擊/上下文點(diǎn)擊發(fā)生在子元素上，該元素的最高級祖先元素將被選中。

-moz-none——firefox私有，元素和子元素的文本將不可選，但是input輸入框中的文字除外（IE瀏覽器下是通過onselectstart="javascript:return false;"事件來實(shí)現(xiàn)該功能的）

代碼示例：

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

感謝各位的閱讀！關(guān)于css實(shí)現(xiàn)文字不能選中的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

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

猜你喜歡