css字體不可復(fù)制代碼怎么寫

這篇文章主要講解了“css字體不可復(fù)制代碼怎么寫”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css字體不可復(fù)制代碼怎么寫”吧！

css字體不可復(fù)制代碼是“-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; -o-user-select:none;user-select:none;”，其中“user-select”屬性規(guī)定是否能選取元素的文本。

用CSS實(shí)現(xiàn)設(shè)置網(wǎng)頁文字為只讀，不可復(fù)制的方法

設(shè)置網(wǎng)頁文字不可復(fù)制的方法，除了我們知道的用JS實(shí)現(xiàn)外，還可以用css實(shí)現(xiàn)。

在css中，可以給body元素設(shè)置“user-select:none;”樣式來設(shè)置文字不可復(fù)制，只可讀功能。

css設(shè)置不允許復(fù)制文本內(nèi)容，方法很簡單，通過設(shè)置CSS 的 user-select就可以達(dá)到目的：

-moz-user-select:none; /* Firefox私有屬性 */
-webkit-user-select:none; /* WebKit內(nèi)核私有屬性 */
-ms-user-select:none; /* IE私有屬性(IE10及以后) */
-khtml-user-select:none; /* KHTML內(nèi)核私有屬性 */
-o-user-select:none; /* Opera私有屬性 */
user-select:none; /* CSS3屬性 */
user-select屬性設(shè)置或檢索是否允許用戶選中文本。
user-select的默認(rèn)值是 text：可以選擇文本
none：文本不被選擇

相關(guān)介紹：

user-select 屬性規(guī)定是否能選取元素的文本。

在 web 瀏覽器中，如果您在文本上雙擊，文本會被選取或高亮顯示。此屬性用于阻止這種行為。

CSS 語法

user-select: auto|none|text|all;

屬性值：

感謝各位的閱讀，以上就是“css字體不可復(fù)制代碼怎么寫”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css字體不可復(fù)制代碼怎么寫這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！