如何更改选择标签的背景颜色？

Question

我正在尝试更改下拉菜单的背景颜色，并且正在尝试删除边框半径。

这是 HTML：

 <select name="liste" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" id="liste" aria-required="true" aria-invalid="false">
<option value="">---</option>
<option value="Brannvern og dokumentasjon">Brannvern og dokumentasjon</option>
<option value="Brannvarslingsanlegg">Brannvarslingsanlegg</option><option value="Røykvarslere">Røykvarslere</option>
</select>

这是我尝试使用的 CSS：

 select#liste {
    border: 1px solid #e0e0e0 !important;
    background-color: #ffffff !important;
    border-radius: 0px !important;
    height:37px;
    line-height:37px;
    }

但它不起作用。

这是一个 jsFiddle，您可以在其中明白我的意思： https ://jsfiddle.net/5g2y8eLm/

感谢您的帮助！

原文由 dahlsdata-tahira 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以在css中使用 background 属性来改变背景颜色；

 select#liste {
  border: 1px solid #e0e0e0 !important;
  background-color: #ffffff !important;
  border-radius: 0px !important;
  height: 37px;
  line-height: 37px;
  outline: none;
}

 <select id="liste">
  <option>Option 1</option>
  <option>Option 2</option>
</select>

原文由 niyasc 发布，翻译遵循 CC BY-SA 3.0 许可协议