CSS中user-select怎么用

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

創(chuàng)新互聯(liá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ú)法在該文本塊中開始選擇文本。不過，如果用戶在頁(yè)面的其他區(qū)域開始選擇文本，則用戶仍然可以繼續(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代碼：

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