如何保留HTML select元素的标准箭头

Question

我在Mac OS X上使用Firefox设计了一个下拉列表，但它正在将箭头从标准外观更改为难看的向下箭头。我可以做些什么来保持标准表单元素的上下箭头，而不是丑陋的向下箭头？我认为我的自定义样式会导致它，但我希望能够找出导致浏览器切换它的原因。

以下是我正在使用的款式......

select {
    font: 400 16px/16px "Maven Pro";
    margin: 2px 0;
    text-transform: capitalize;
    padding: 0;
    height: auto;
}

Answer 1

这不是导致差异的CSS。这实际上是浏览器的不同之处。表单元素是你很难在所有浏览器中标准化的东西，除了提交按钮，可以换出图像。

你可以查看一些javascript插件，但我不会太担心选择safari。使用Firefox / IE的人已经习惯于看到这种类型的选择。