如何防止CSS文本被選中

在CSS中，我們可以使用用戶選擇（user-select）屬性來(lái)防止文本被選中，這個(gè)屬性接受兩個(gè)值：auto和none，當(dāng)設(shè)置為auto時(shí)，用戶可以選擇文本；當(dāng)設(shè)置為none時(shí)，用戶則無(wú)法選擇文本。

如果你想要防止一個(gè)段落（p）中的文本被選中，你可以這樣寫CSS代碼：

p {

-webkit-user-select: none; /* Safari */

-moz-user-select: none; /* Firefox */

-ms-user-select: none; /* IE10+/Edge */

user-select: none; /* 標(biāo)準(zhǔn)語(yǔ)法 */

上述代碼中，前三個(gè)瀏覽器前綴（-webkit-，-moz-，-ms-）分別表示針對(duì)Safari、Firefox和IE10+/Edge的兼容性處理，***后一條（user-select: none;）則是標(biāo)準(zhǔn)語(yǔ)法，適用于所有支持該屬性的瀏覽器。

需要注意的是，這種方法雖然可以防止文本被選中，但可能會(huì)影響用戶的閱讀體驗(yàn)，在實(shí)際應(yīng)用中，我們需要根據(jù)具體需求來(lái)決定是否使用該方法。