2014-01-14 38 views
1

我想擺脫某些元素(尤其是圖像)的褪色藍色高光顏色。以下是用於示例目的的Fiddle。請注意,當您突出顯示文本時,根據CSS,它是相應的黃色。但是,當您拖動選擇以包圍小貓時,和/或您只需按CTRL + A突出顯示整個身體,就會在圖像周圍獲得褪色的藍色選擇顏色。禁用或更改Firefox的元素/圖像高亮顏色

Chrome可讓您完全禁用並/或更改它。是否真的沒有Mozilla等價物?因爲顯然::-moz-selection不是答案:

div ::-moz-selection { 
    background-color: yellow; 
} 

這隻適用於文本。怎麼樣使用JavaScript的方法?這樣的事情存在嗎?

+0

Dublicate的[http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting](http://stackoverflow.com/questions/826782/CSS規則到禁用-TE xt-selection-highlighting) – Pinal

+0

不,它不是?我不是在談論文本選擇。文本選擇被顯示在小提琴中被改變。 – daveycroqet

回答

4

我不認爲你可以更改高亮顏色的圖像,但你可以完全這樣做擺脫亮點:

div { 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

小提琴:http://jsfiddle.net/6Qqzq/33/

1

嘗試使用此代碼:

-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
+0

我試過把它應用到我的CSS中的'html',但沒有成功。由於某種原因,使用不當?我應該無法爲「html」或「body」上的整個文檔設置它嗎? – daveycroqet