风格选择表单

Question

我想给我的选择表单背景颜色和边框，但这似乎并没有工作。

这是我的HTML：

<select class="size"> 
    <option>maat</option> 
</select> 

CSS：

select.size { 
    width: 170px; 
    border: 2px solid #dcd8d7; 
    border-radius: 4px; 
    background: #ffffff; 
} 

Answer 1

变化background到background-color

还要检查这个小提琴：

http://jsfiddle.net/NQ5vb/

您必须设置与白色不同的颜色（#FFFFFF）。就拿这里看看HTML Color Picker

Answer 2

你需要做的是这样的

<div class="styled-select"> 
    <select> 
    <option>Maat</option> 
    </select> 
</div> 

和CSS是这样

.styled-select select { 
    width: 170px; 
    border: 2px solid #dcd8d7; 
    border-radius: 4px; 
    background-color: #ffffff; 
}