在CSS中,如果你想讓一個(gè)元素只讀,你可以使用user-select
屬性來(lái)設(shè)置。user-select
屬性定義了用戶是否可以選擇文本,如果你想讓元素不可選,即只讀,你可以將user-select
屬性設(shè)置為none
。
假設(shè)你有一個(gè)段落元素(<p>
),你想讓它只讀,你可以這樣寫(xiě)CSS:
p { user-select: none; }
這段CSS代碼會(huì)使得所有<p>
元素都不可選,如果你只想讓特定的段落元素不可選,你可以使用類(class)或者ID來(lái)區(qū)分。
.readonly-paragraph { user-select: none; }
或者:
#unique-paragraph { user-select: none; }
這樣,只有帶有readonly-paragraph
類或者ID為unique-paragraph
的元素才會(huì)不可選。
user-select
屬性只在支持CSS3的瀏覽器中有效,如果你需要更廣泛的瀏覽器支持,你可能需要使用JavaScript或者其他技術(shù)來(lái)實(shí)現(xiàn)元素的只讀功能。