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

我需要更改下拉框的背景

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

---

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

比如说 .下拉式{ 背景：url无重复权000； }

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

---

如果需要，您可以参考此内容。

您已经设置了背景图像，是要更改它还是要删除该图像？请快速提醒，在FF 30及以上版本中，此功能将不起作用，-moz外观不再起作用。Thq Baradwaj Aryasomaya它在Chrome中工作，但在Mozilla中不起作用，请重新解决这个问题。如果你指的是背景颜色的变化。。。它在两种浏览器中都能工作。我在测试后发布到这里。下面是我正在使用的代码，它运行良好。下拉文本{页边空白顶部：5px；宽度：240px；高度：32px；溢出：隐藏；背景：urlnew_arrow.png不重复右黑色；边框：1px d4；}

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