在開發網站的過程中,有時我們需要設置一些文本內容不能被用戶選擇復制,這就需要用到CSS中的文本不可選擇屬性。
user-select: none;
使用該屬性可以將元素內的所有文本內容禁止選擇和復制,這樣可以保護一些具有版權的文字、圖片等內容,避免被不法份子濫用。
下面是一段示例代碼:
<div class="no-select"> <p>這是一段不能復制的文本內容。</p> <img src="example.jpg"> </div> .no-select { user-select: none; }
注意,該屬性對應的值是none,需要加入廠商前綴,如-webkit-user-select等,以保證兼容性。
總之,CSS的文本不可選擇屬性對于保護作者的版權、保護內容的安全都有很大的幫助作用,需要在實際開發中加以應用。