Problema dell'interfaccia utente per il dropdown di Firefox e Internet Explorer - css, html5, internet-explorer, firefox

Ho creato un menu a discesa come

<div class="col-lg-2 header-dropdown">
<select (change)="onProjectChange($event.target.value)">
<option *ngFor="let project of projectNameList" [value]="project.name" [selected]="project.selected">{{project.name}}</option>
</select>
</div>

Il mio menu a discesa ha un aspetto simile a questo in chrome

e in Firefox e Internet Explorer è come segue

qualche sfondo bianco sta arrivando in freccia, come risolvere questo?

risposte:

Questo perché non lo usi,

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select::-ms-expand { display: none; } /*For IE */