HTML選択要素の標準矢印を維持する方法

Question

Mac OS XではFirefoxのドロップダウンをスタイリングしていますが、矢印を標準的な外観から醜い下向きの矢印に変更しています。醜い下向きの矢印ではなく、上向きの矢印と下向きの矢印を使って標準のフォーム要素を維持するにはどうすればよいですか？私は私のカスタムスタイルがそれを引き起こしていると考えていますが、私はブラウザがそれを切り替える原因を特定できるようにしたいと考えています。ここで

は差が生じるCSSではありません私が使用しているスタイル...

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

Answer 1

です。実際にはブラウザの違いです。フォーム要素は、画像用にスワップアウトできるボタンを除いて、すべてのブラウザで標準化するのが非常に難しいものです。

いくつかのjavascriptプラグインを確認できますが、サファリを選択するほど心配はありません。 Firefox/IEを使っている人はすでにこのタイプの選択を見るのに慣れています。