這篇文章主要介紹CSS中user-select怎么用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)專(zhuān)業(yè)為企業(yè)提供長(zhǎng)豐網(wǎng)站建設(shè)、長(zhǎng)豐做網(wǎng)站、長(zhǎng)豐網(wǎng)站設(shè)計(jì)、長(zhǎng)豐網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、長(zhǎng)豐企業(yè)網(wǎng)站模板建站服務(wù)，十多年長(zhǎng)豐做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

user-select屬性是css3新增的屬性，用于設(shè)置用戶是否能夠選中文本。

語(yǔ)法

user-select:none|text|all|element

默認(rèn)值：text

適用范圍：除替換元素外的所有元素

取值說(shuō)明

none:文本不能被選擇

text:可以選擇文本

all：當(dāng)所有內(nèi)容作為一個(gè)整體時(shí)可以被選擇。如果雙擊或者在上下文上點(diǎn)擊子元素，那么被選擇的部分將是以該子元素向上回溯的最高祖先元素。

element:可以選擇文本，但選擇范圍受元素邊界的約束

說(shuō)明

1、IE6-9不支持該屬性，但支持使用標(biāo)簽屬性onselectstart=”returnfalse;”來(lái)達(dá)到user-select:none的效果；Safari和Chrome也支持該標(biāo)簽屬性；

2、直到Opera12.5仍然不支持該屬性，但和IE6-9一樣，也支持使用私有的標(biāo)簽屬性u(píng)nselectable=”on”來(lái)達(dá)到user-select:none的效果；unselectable的另一個(gè)值是off；

3、除Chrome和*Safari外，在其它瀏覽器中，如果將文本設(shè)置為-ms-user-select:none;，則用戶將無(wú)法在該文本塊中開(kāi)始選擇文本。不過(guò)，如果用戶在頁(yè)面的其他區(qū)域開(kāi)始選擇文本，則用戶仍然可以繼續(xù)選擇將文本設(shè)置為-ms-user-select:none;*的區(qū)域文本；

4、對(duì)應(yīng)的腳本特性為userSelect

例：

css代碼：

.box{

-webkit-user-select:none;

-moz-user-select:none;

-ms-user-select:none;

user-select:none;

}

html代碼：

<divclass="box"onselectstart="returnfalse;"unselectable="on">

這是測(cè)試數(shù)據(jù)

</div>

以上是“CSS中user-select怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：CSS中user-select怎么用
當(dāng)前網(wǎng)址：http://www.chinadenli.net/article30/iiieso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)站排名、做網(wǎng)站、網(wǎng)站收錄、網(wǎng)站建設(shè)、網(wǎng)站制作

廣告

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