如何設(shè)置css文本不可選中

這篇文章主要介紹如何設(shè)置css文本不可選中，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)長期為上千多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為尼金平企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、做網(wǎng)站，尼金平網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

css文本不可選中的設(shè)置方法：1、創(chuàng)建一個HTML示例文件；2、創(chuàng)建div并定義文字內(nèi)容；3、通過設(shè)置“user-select: none;”屬性來設(shè)置文本不可選中即可。

本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。

怎么設(shè)置css文本不可選中？

css設(shè)置文字不可選示例：

<!DOCTYPE HTML>
<html>
<head>
<title>Creating non-selectable text using CSS</title>
<style type="text/css">
div {
margin-bottom: 20px;
padding: 10px;
background: rgba(10%, 10%, 10%, 0.3);
-moz-border-radius: 15px;
border-radius: 15px;
}
div#d2 {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
font-style: italic;
}
</style>
</head>
<body>
<div id="d1">文字可以選擇</div>
<div id="d2">文字不可選</div>
</body>
</html>

效果圖：

如何設(shè)置css文本不可選中

css設(shè)置文字不可選使用user-select屬性。

user-select屬性介紹：

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

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

CSS 語法

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

屬性值

值

auto 默認(rèn)。如果瀏覽器允許，則可以選擇文本。

none 防止文本選取。

text 文本可被用戶選取。

all 單擊選取文本，而不是雙擊。

以上是“如何設(shè)置css文本不可選中”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

標(biāo)題名稱：如何設(shè)置css文本不可選中
URL分享：http://muchs.cn/article28/gppgcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、移動網(wǎng)站建設(shè)、微信小程序、自適應(yīng)網(wǎng)站、網(wǎng)站營銷、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司