选择元素的CSS样式不适用于IE 7

Question

CSS边框和背景颜色样式不适用于IE7中的select元素。

HTML代码：

<select class="select_box"> 
    <option>xxx</option> 
</select> 

CSS代码：

.select_box 
{ 
border:1px solid #ddd; 
background-color:#000; 
} 

Answer 1

超越background-colorsort of being applied（我改变你的颜色为红色）..

有什么可以做，也没有简单的解决方法。

如果你真的想要在IE7中做到这一点，你必须使用JavaScript到swap the selects out;你可以根据自己的喜好来设计主题，并且它可以在所有浏览器中工作（除非JavaScript被禁用，在这种情况下，你会得到原来的东西：原生select元素）。

也与此有关：

• http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/
• http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/