Problème d’interface utilisateur pour les menus déroulants dans Firefox et Internet Explorer - css, html5, internet-explorer, firefox

J'ai créé un menu déroulant comme

<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>

Mon menu déroulant ressemble à ceci en chrome

et dans Firefox et Internet Explorer, il est comme suit

un fond blanc arrive en flèche, comment résoudre ce problème?

Réponses:

C'est parce que vous ne l'utilisez pas,

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

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