虛擬主機域名注冊-常見問題網絡編程問題CSS/HTML

禁止文字選中兼容IE/Chrome等瀏覽器 css方法

如果讓整個頁面都禁止選擇,可以使用下面的css

body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

如果希望指定元素禁止訪問,請看下面的示例代碼:

<!doctype html>
<html>
<head>
<style type="text/css">
*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}
</style>
</head>

<body>

<div class="unselectable">
<p>這是很長的一段文本。啦啦啦啦啦啦</p>
</div>

</body>
</html>


來源:
閱讀:1876
日期:2017-09-20

【 字體: 】 
上一篇:input type=file 樣式美化方法
下一篇:返回上一頁并刷新的代碼
  >> 相關文章
 
發表評論

字數0
請輸入驗證碼:


  • 尊重網上道德,遵守中華人民共和國的各項有關法律法規
  • 承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
  • 本站管理人員有權保留或刪除其管轄留言中的任意內容
  • 本站有權在網站內轉載或引用您的評論
  • 參與本評論即表明您已經閱讀并接受上述條款
網友評論
沒有相關評論。
會員 客服 QQ 電話 充值 工單
Top

24小時客服熱線

咨詢售后問題請進入 工單提問

海南飞鱼游戏技巧