CSS3中提供了鼠標(biāo)不選中內(nèi)容的屬性，可以讓頁面的內(nèi)容在被用戶選中時，保持原本的樣式，提高了頁面的可讀性，下面介紹相關(guān)屬性。

.user-select-all {
-webkit-user-select: all; /* Safari */
-moz-user-select: all; /* Firefox */
-ms-user-select: all; /* IE10+ */
user-select: all; /* Standard syntax */
}
.user-select-none {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
user-select: none; /* Standard syntax */
}
.user-select-auto {
-webkit-user-select: auto; /* Safari */
-moz-user-select: auto; /* Firefox */
-ms-user-select: auto; /* IE10+ */
user-select: auto; /* Standard syntax */
}

其中，“all”表示允許用戶選中全部內(nèi)容，“none”表示不允許選中任何內(nèi)容，“auto”則為默認(rèn)屬性，允許用戶選中內(nèi)容。

應(yīng)用以上代碼后，用戶在頁面中進(jìn)行鼠標(biāo)拖選時，若選擇的內(nèi)容被指定為不可選中，則無法進(jìn)行選擇，反之則正常。除了提高頁面可讀性外，這一屬性還可以用于保護(hù)文檔的機(jī)密性，防止用戶隨意復(fù)制、粘貼內(nèi)容等操作。