如何更改瀏覽器持久藍色選擇所有高亮顏色？

我知道如何更改突出顯示的文字顏色，但有一個持續的藍色突出顯示，我無法在我的網站上進行更改。如何更改瀏覽器持久藍色選擇所有高亮顏色？

這裏是我的榜樣截圖http://i.imgur.com/d4HkP.png

要查看示例訪問以下，要麼命令+ A或CTRL + A的的jsfiddle以突出顯示所有文字...

是這裏的藍色填充或邊緣被突出顯示？此外，我注意到我可以通過在[p]標籤之外放置[br]標籤來創建更多的標籤

對此有何看法？

編輯：

我創建了一個小提琴惹瓦特/這一點，並更好地說明它：

::selection doesn't work

http://jsfiddle.net/designaroni/UTd3E/

突出顯示的運行&的內容，你會看到藍色這是這裏的罪魁禍首。

瞭解更多嗎？

來源

2012-11-28 Designaroni

我不確定，但我不認爲現在可以在某些元素，輸入等中覆蓋突出顯示。 – Andrew

沒有辦法改變瀏覽器如何突出你的網站。這個問題是非常特定於瀏覽器的，因爲不同的瀏覽器採用不同的方式。但是，您可以通過CSS設置網站的哪些部分可以或不可以通過用戶選擇屬性高亮顯示。

編輯：我以爲你知道如何改變選擇的顏色，但現在我看到你的意思是突出顯示文本的顏色。下面的答案可能會覆蓋那個;）

來源

2012-11-28 18:58:53 BazzyTK

突出顯示背景或文本的顏色也不是問題，請參閱此示例我放在一起並突出顯示文本，在這種情況下藍色在違規的顏色。 http://jsfiddle.net/designaroni/UTd3E/ – Designaroni

您可以自定義::selection僞元素。見documentation from Mozilla

從文檔中的例子，你可以自定義選擇顏色的文檔如下：

/* draw any selected text yellow on red background */ 
#myelem::-moz-selection { color: gold; background: red; } /* For Firefox */ 
#myelem::selection  { color: gold; background: red; } /* Other ::selection-compatible browsers */

爲了使這個應用到網頁上的所有可選擇的元素：

*::-moz-selection { color: gold; background: red; } /* For Firefox */ 
*::selection  { color: gold; background: red; } /* Other ::selection-compatible browsers */

請注意，這是一個僞元素，並沒有標準化，因此它的行爲是非常實現的。

來源

2012-11-28 19:00:14

我已經這樣做了，但它並沒有針對我想要的目標... 看到這個例子＆突出顯示的文字，藍色是罪魁禍首我正在談論突出顯示 http://jsfiddle.net/designaroni/UTd3E/ – Designaroni

如何更改瀏覽器持久藍色選擇所有高亮顏色？

回答

相關問題