Firefoxの選択ボックス - 矢印の頭を維持しながら灰色の背景を削除する

Question

私の選択ボックスのスタイリングには少し問題があります。 Chromeからこれらの選択ボックスを確認すると、すべてのことがOKであるようです。しかし、Firefoxではきれいではありません。私がやりたかったのは、灰色の背景だけを取り除くことでしたが、私は矢の頭を同じように保ちたいと思っていました。

私は

select 
{ 
-moz-appearance: none; 
    text-indent: 0.01px; 
    text-overflow: ''; 
} 

を使用しかし、そのコードの後に​​は、選択ボックスの矢印の頭がなくなってきた実行します。

希望の解決策がありますように。あなただけの背景色を削除しようとしている場合は

Answer 1

は、ちょうどそれを行います。 https://jsfiddle.net/7dvLa413/1/

select { 
    background-color: transparent; 
    text-indent: 0.01px; 
    text-overflow: ''; 
} 

それが適切にあなたの質問を解決する、またはそれによりがある場合なら、私に教えてください：ここでは最も簡単な解決策とフィドルです。