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

我需要更改下拉框的背景

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

1）下面是CSS
2）我可以提供背景，但是会显示如下链接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;}

最佳答案

如果要更改背景颜色，只需在“背景”末尾添加一些颜色即可。

例如
.drop_down_style {
背景：url（http://s24.postimg.org/lyhytocf5/dropdown.png）无重复权限＃000；
}

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

如果需要，可以参考此link。

关于html - 如何在HTML和CSS中更改下拉框背景以及箭头？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27369969/