2011-08-24 88 views
0

的選擇背景顏色我有這樣的:更改選擇元素

<div id="root"> 
    <select onchange="go()"> 
     <option value="1" selected>A 
     </option><option value="2">B 
     </option><option value="3">C 
     </option><option value="4">D 
     </option><option value="5">E 
     </option> 
    </select> 
</div> 

我怎樣才能改變標準選擇的背景藍色到紅色???

我找不到任何解決方案,甚至在計算器其他問題的...

+0

你使用任何Javascript框架(jQuery,Mootools,...)? –

+0

嗨,是的,我是:jQuery! – Ana

+0

我想這樣做:http://stackoverflow.com/questions/5089442/changing-the-background-color-of-the-selected-options-in-a-select-box – Ana

回答

0

這一塊的CSS將與屬性selected更改元素紅色

option[selected]{ 
    background:#ff0000; 
} 

我在這個選擇器的瀏覽器支持上並不是百分百肯定的......

+0

這隻會改變背景到選定的項目。當我點擊選項時,我想將背景更改爲所有項目。 – Ana

+0

這是不可能的,因爲它總是獲取系統顏色,例如更改系統主題。這將獲得基於當前主題的選擇顏色 – Pratik

+0

:'(好吧,無論如何感謝您 – Ana

0

你不能直接在select元素上做。您應該使用外部庫,將您的選擇轉換爲div模板,以允許您更改樣式。我使用Chosen,它運作良好。

+0

謝謝我現在將檢查它!!!:* – Ana

+0

http ://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/ – Ana

+0

這也應該起作用。 –