2010-08-10 61 views
1

我的意思是:當您選擇一些HTML文本時,背景中會出現一種顏色,告訴您所選的文本是多少,如何通過CSS來更改它,我需要它白色,透明。我已經看到了這一點。 歡呼聲如何更改選擇的背景顏色

回答

1

您可以使用某些CSS選擇器來更改所選文本的CSS屬性。 (我測試過它,它在Firefox,Safari,Chrome甚至Konqueror中都可以使用,但不能用於IE)。例如:

*::selection { 
    background: #cc0000; 
    color: #ffffff; 
} 
*::-moz-selection { 
    background: #cc0000; 
    color: #ffffff; 
} 
*::-webkit-selection { 
    background: #cc0000; 
    color: #ffffff; 
} 

您必須分別指定每個選擇,否則它不工作(我猜的CSS解析器將停止,如果遇到錯誤處理選擇)。這將所選文本的背景顏色更改爲深紅色,並將顏色更改爲白色(以及任何其他您想要更改的CSS)。這沒有很好的跨瀏覽器支持(在IE中不起作用,也可能不是Opera),但我認爲這是唯一可能的解決方案,沒有某種複雜的,錯誤的JavaScript腳本。

更多信息:http://www.quirksmode.org/css/selection.html

+0

非常感謝Jake33。 – tetris 2010-08-11 06:31:33

+0

所選規則在IE9中起作用。 – EricLaw 2010-11-11 20:41:19

+1

你並不需要-webkit前綴。 Chrome支持直接選擇。 – 2010-11-12 00:30:42