在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 */