首頁 > web前端 > css教學 > 主體

css怎麼設定文字唯讀且不可複製

王林
發布: 2020-11-30 16:38:26
原創
4046 人瀏覽過

css設定文字只讀且不可複製的方法:可以利用user-select屬性來進行設置,如【user-select:none;】。 user-select屬性用於設定或檢索是否允許使用者選取文本,none表示文字不能被選擇。

css怎麼設定文字唯讀且不可複製

本教學操作環境:windows7系統、css3版,此方法適用於所有品牌電腦。

css設定文字無法複製唯讀

相關屬性:

user-select屬性設定或檢索是否允許使用者選取文字。

(學習影片分享:css影片教學

語法:

user-select:none |text| all | element
登入後複製

屬性值:

none:文字不能被選擇

text:可以選擇文字

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

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

範例:

-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属性 */
登入後複製

相關推薦:CSS教學

以上是css怎麼設定文字唯讀且不可複製的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板