在Firefox下拉菜單和Internet Explorer

Question

UI問題，我創建了一個下拉作爲

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

我的下拉列表中鉻看起來像這樣

，並在Firefox和Internet Explorer是如下

一些白色背景是箭頭來的，如何解決這個問題？

Answer 1

那是因爲你不使用它，

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

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