CSS可以讓文本無法被選中,達到一定的保護效果,下面我們就介紹一下如何實現。
/* 防止文本選中 */ body { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ user-select: none; /* 普通瀏覽器 */ }
通過給頁面的body元素設置這些CSS屬性,可以使整個頁面中的文本都無法被選中。當然,這只是一種簡單的防護方法,如果對于高安全性要求的頁面,還需要通過其他手段進行保護。
除了body元素之外,你也可以給其他元素添加這些CSS屬性,比如:
/* 防止a標簽中的文本選中 */ a { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
通過給鏈接元素a添加CSS屬性,可以保護鏈接中的文本不被選中。同理,你也可以給圖片、按鈕等元素添加這些屬性,使整個頁面或者局部頁面的文本、圖片、按鈕等元素均無法被選中。
需要注意的是,這些CSS屬性只是在一定程度上保護了你的頁面,而無法真正保護你的文本內容。比如,復制整個網頁源代碼,就能夠輕易地獲取到所有的文本內容。所以,對于需要嚴格保護文本的頁面,還需要進行其他的安全措施。
上一篇css讓字自動分行顯示
下一篇css讓字在圖片右邊