CSS中的“user-select”屬性可以控制頁面內(nèi)某些元素是否可以被用戶選擇。如果設置為“none”,則該元素內(nèi)的文字不能被選中,這樣可以避免用戶誤操作。下面是一個示例:
p { -webkit-user-select: none; /* Safari/Chrome */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ user-select: none; /* Standard */ }
這個樣式適用于任何具有文字內(nèi)容的元素,例如段落、標題和列表。
注意,“user-select”屬性不適用于所有瀏覽器,所以最好在設置之后進行測試。此外,為了防止單詞被截斷,建議使用“word-wrap”和“word-break”屬性進行適當?shù)脑O置。
p { -webkit-user-select: none; /* Safari/Chrome */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ user-select: none; /* Standard */ word-wrap: break-word; /* All modern browsers */ word-break: break-all; /* Internet Explorer */ }
使用這些屬性,可以確保頁面的文本內(nèi)容不會被意外復制或選擇,從而提升用戶體驗和安全性。