css如何讓頁面上的文字不能選中??


語法:

  user-select:none | text | (常用的就這倆)

  默認值:text

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

 

取值:

  none:  文本不能被選擇

  text: 可以選擇文本

說明:

  設置或檢索是否允許用戶選中文本。

  • IE6-9不支持該屬性,但支持使用標簽屬性 onselectstart="return false;" 來達到 user-select:none 的效果;Safari和Chrome也支持該標簽屬性;
  • 直到Opera12.5仍然不支持該屬性,但和IE6-9一樣,也支持使用私有的標簽屬性 unselectable="on" 來達到 user-select:none 的效果;unselectable 的另一個值是 off;
  • 除Chrome和Safari外,在其它瀏覽器中,如果將文本設置為 -ms-user-select:none;,則用戶將無法在該文本塊中開始選擇文本。不過,如果用戶在頁面的其他區域開始選擇文本,則用戶仍然可以繼續選擇將文本設置為 -ms-user-select:none; 的區域文本;
  • 對應的腳本特性為userSelect

示例:

<!-- HTML -->
<p>我是一個p,你不能選中我。</p>

 

/* CSS */
p{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM