Firefox-Auswahlfeld - grauen Hintergrund entfernen, während die Pfeilspitzen beibehalten werden

Question

Ich habe ein kleines Problem beim Styling meiner Auswahlboxen. Alles scheint in Ordnung zu sein, wenn ich nach den Auswahlboxen von Chrome suche. aber in Firefox ist es nicht ordentlich. Was ich tun wollte, ist nur den grauen Hintergrund zu entfernen, aber ich wollte die Pfeilspitzen auf die gleiche Weise halten.

I verwendet

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

Aber nach diesem Code laufen die Pfeilspitzen der Auswahlboxen gegangen wurde.

Ich hoffe, es wird eine großartige Lösung dafür geben.

Answer 1

Wenn Sie nur versuchen, die Hintergrundfarbe zu entfernen, genau das tun. Hier ist eine Geige mit der einfachsten Lösung: https://jsfiddle.net/7dvLa413/1/

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

Lassen Sie mich wissen, ob das angemessen Ihre Frage löst, oder wenn es mehr ist.