html - 如何更改下拉框背景以及 HTML 和 CSS 中的箭头？

Question

我需要更改下拉框的背景

<select>
   <option value="Chrome">Google Chrome</option>
   <option value="Fire Fox">Fire Fox</option>
   <option value="Opera">Opera</option>
  </select>

1)下面是CSS2)我可以提供背景，但它会像下面的链接一样显示 http://jsfiddle.net/vamsivelaga/9bt5vncg/

select{
    float: left;
    width: 100px;
    height: 26px;
    border: 1px solid #d4d4d4;
    margin: 10px 0 0 10px;
    text-overflow: '';
    background: url(http://s24.postimg.org/lyhytocf5/dropdown.png) no-repeat right 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;}

Answer 1

如果你想改变背景的颜色，只需在“背景”的末尾添加一些颜色即可。

例如.drop_down_style{背景:url(http://s24.postimg.org/lyhytocf5/dropdown.png)不重复右#000；

上面的代码添加了黑色，并用提供的 url 替换了默认图像。

可以引用这个link如果需要的话。