2013-04-16 137 views
0

我想覆蓋選擇的默認設置。我做設置選定的文本

::selection{ 
    background: grey; 
} 

,它看起來像生效時不集中的窗口,但是當它的重點是,它並沒有影響,出現顏色的默認設置。 它不工作。這樣做的正確方法是什麼,因此無論焦點如何都有效果?

編輯我想我是錯的。我想更改<input>標記中所選文字的顏色。我怎樣才能做到這一點?

+0

棒'input'之前':: selection' – Blender

回答

1

這是默認的瀏覽器的行爲,你無法改變,當不集中的窗口,選中的顏色會變爲灰色,可能是它表示該文本不能被複制(還挺禁用選擇),所以我們無法控制該顏色

enter image description here


實施例2

enter image description here

1

你可能使用的是Firefox,這需要-moz前綴:

::selection { 
    color: fireBrick; 
} 

::-moz-selection { 
    color: fireBrick; 
} 

演示:http://jsfiddle.net/N4AUY/

請注意,你不能組這些結合在一起。其中一個將不起作用,因此整個規則塊會中斷。

+1

不,你沒了他的問題,他希望所選擇的顏色是相同的東西時,窗口離焦 的:) –

+0

@ Mr.Alien:你確定? *「,但當它聚焦時,它不起作用,並且默認顏色出現」*。看起來它根本不起作用,而且OP會錯誤地忽略工作代碼的默認行爲。 – Blender

+0

我想覆蓋默認是否聚焦。這部分工作(當沒有集中時,這也意味着我不需要前綴,事實上,我使用的是Chrome)。 – sawa

1

應該可以正常工作,See this demo。這個問題似乎是由於其他

::selection 
{ 
background: grey; 
} 
::-moz-selection 
{ 
background: grey; 
} 
+0

正確。我做錯了什麼。 – sawa