CSS 禁止文字選中

標籤：style   blog   tar   ext   color   get   

現象：html中可能有些地方不想讓使用者複製文字，或是用a標籤做了個點擊按鈕，點快的時候文字會被選中，很醜，這個時候可以使用下面的方案禁止文字選中。

原因：滑鼠點快了。

解決方案：

不同的瀏覽器設定的內容不一樣，user-select不是一個W3C的標準，瀏覽器的支援不完成，需要對不同的瀏覽器進行調整。

body{

-moz-user-select: none; /*Firefox*/

-webkit-user-select: none; /*webkit瀏覽器*/

-ms-user-select: none; /*IE10*/

-khtml-user-select: none; /*早期瀏覽器*/

user-select: none;

}

user-select有2個值（none表示不能選中文本，text表示可以選擇文本）

IE6-9還沒發現相關的CSS屬性

//IE6-9

document.body.onselectstart = document.body.ondrag = function(){

return false;

}

 

參考地址：指令碼之家， 163部落格， 部落格園（比較全）