如何保持HTML選擇元素的標準箭頭

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的人們已經習慣了看到這種類型的選擇。