在CSS中，可以通過(guò)設(shè)置user-select屬性來(lái)禁止雙擊選中元素中的文本:

/* 禁止選中文本 */
div{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

上面的代碼中，我們先設(shè)置了-webkit-touch-callout值為none，這實(shí)際上是針對(duì)iOS設(shè)備的，用于禁止長(zhǎng)按時(shí)的彈出菜單，一般情況下也會(huì)和禁止選中文字配合使用。接著是設(shè)置了-webkit-user-select、-khtml-user-select、-moz-user-select、-ms-user-select和user-select屬性值為none，這是為了使得在不同的瀏覽器下都可以禁止文本選中。

有些時(shí)候，我們可能希望只禁止部分內(nèi)容的文本選中，可以給需要禁止選中的元素設(shè)置一個(gè)class，然后在CSS中添加以下代碼：

/* 只禁止某個(gè)元素內(nèi)的文本選中 */
.no-select{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

這樣就可以只禁止選擇某個(gè)元素內(nèi)的文本而不影響其他元素了。