1. 程式人生 > 實用技巧 >css如何設定不可複製?

css如何設定不可複製?

css可以使用user-select屬性來設定不可複製,此屬性可以設定或檢索是否允許使用者選中文字,將此屬性的屬性值設定為none可以使文字不可選中。

通過user-select屬性設定不可複製的css程式碼:

    -moz-user-select:none; /* Firefox私有屬性 */
    -webkit-user-select:none; /* WebKit核心私有屬性 */
    -ms-user-select:none; /* IE私有屬性(IE10及以後) */
    -khtml-user-select:none; /* Khtml核心私有屬性 */
    -o-user-select:none; /* Opera私有屬性 */
    user-select:none; /* CSS3屬性 */

IE6-9不支援該屬性,但支援使用標籤屬性onselectstart=”return false;”來達到user-select:none的效果。

user-select

語法:

user-select:none |text| all | element

預設值:text

適用於:除替換元素外的所有元素

繼承性:無

動畫性:否

計算值:指定值

取值:

  • none:文字不能被選擇

  • text:可以選擇文字

  • all:當所有內容作為一個整體時可以被選擇。如果雙擊或者在上下文上點選子元素,那麼被選擇的部分將是以該子元素向上回溯的最高祖先元素。

  • element:可以選擇文字,但選擇範圍受元素邊界的約束

廣州vi設計公司 http://www.maiqicn.com 我的007辦公資源網 https://www.wode007.com