我們經常在網頁設計中需要設置某些文字不可刪除,避免用戶誤刪重要內容,這時候我們可以借助CSS來實現這個功能。
/* 使用 user-select 屬性,將文本內容設置為不可選擇和不可編輯 */
.element{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
通過將 user-select 屬性設置為 none,可以實現禁止用戶選擇和編輯這些文字的效果。這個屬性同時支持各種webkit、moz和ms前綴。
此外,如果我們只想禁止用戶刪除文字,而允許選中和復制文字,可以使用如下代碼:
/* 使用 user-select 屬性,將文本內容設置為不可編輯 */
.element{
-webkit-user-modify:read-only;
-moz-user-modify:read-only;
-ms-user-modify:read-only;
user-modify:read-only;
}
通過將 user-modify 屬性設置為 read-only,可以實現禁止用戶編輯這些文字的效果。這個屬性同樣支持各種webkit、moz和ms前綴。
總的來說,使用CSS設置文字不可刪除是一項非常實用的功能,可以大大提高網頁的可靠性和用戶體驗。
上一篇css樣式來控制換行
下一篇css樣式 插件