CSS可以用來控制HTML文件中的內(nèi)容，在前端開發(fā)中扮演著至關(guān)重要的角色。其中，CSS的一個(gè)重要功能就是控制文本，常常使用text屬性進(jìn)行設(shè)置。但是，有時(shí)候我們希望文本不能被選擇，那么該怎么做呢？

p {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}

如上代碼所示，我們可以使用CSS來阻止文本被選擇。在p標(biāo)簽中，我們使用了四個(gè)屬性前綴，-webkit、-moz、-ms和user，它們的含義分別是：

• -webkit：Chrome、Safari和新版Opera瀏覽器使用的屬性前綴。
• -moz：Mozilla系列瀏覽器（如Firefox）使用的屬性前綴。
• -ms：IE10及以上版本和Edge使用的屬性前綴。
• user：標(biāo)準(zhǔn)屬性。

其中，user-select屬性是個(gè)比較特殊的屬性，用來控制文本是否可以被選擇。值為none表示文本不能被選擇。此外，還有另外兩個(gè)取值，分別是auto（默認(rèn)值，文本可以被選擇）和text（文本可以被選擇，但不能復(fù)制）。

需要注意，該屬性只對非輸入框的文本有效，也就是說，如果文本屬于input、textarea或contenteditable等輸入框類型，則無法設(shè)置該屬性。

總之，CSS可以幫助我們輕松地控制文本的選 取、長度、顏色等多個(gè)方面，而阻止文本被選擇，則是其中的一項(xiàng)重要且實(shí)用的功能，使用上面的代碼，能夠解決文字被選中的問題。