首頁 >web前端 >css教學 >css如何禁止複製

css如何禁止複製

coldplay.xixi
coldplay.xixi原創
2021-04-30 17:01:066994瀏覽

css禁止複​​製的方法是透過【user-select】屬性設定不可複製的css程式碼,語法【user-select:none |text| all | element】。

css如何禁止複製

本教學操作環境:windows7系統、css3版,DELL G3電腦。

css禁止複​​製的方法:

透過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:可以選擇文本,但選擇範圍受元素邊界的約束

相關學習推薦:

css教程

以上是css如何禁止複製的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn