样式选择表格

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;
}