Bootstrap Dropdown Stil nicht richtig in Internet Explorer

Question

I twitter Bootstrap-Klassen in meinem Winkel Projekt bin mit. Für ein Drop-Down-Menü arbeiten die Stile in Chrome gut, aber wenn ich es in IE 11 geladen wird, ist es nicht richtig stylen. Insbesondere die Dropdown-Pfeiltaste.

Hat jemand anderes dieses Problem mit IE hat? Wie würde ich das auflösen? Bitte sehen Sie ein Vergleichsfoto meiner Ausgabe.

Mein html Abschnitt weiter unten als auch, irgendwelche Kommentare willkommen Dank im Voraus!

<select class=" btn btn-default" ng-options="obj for obj in data.finding" 
         ng-model="gapSection.finding" > 
         <option value="">Please select</option> 
</select> 

Answer 1

Bootstrap 3 Tropfen Unterstützung für Internet Explorer 7, aber man kann es durch einfaches Hinzufügen bedingtes CSS genannt Bootstrap-ie7.css hinzufügen zurück.

hier ist der Download-Link ::https://github.com/coliff/bootstrap-ie7

Answer 2

Fügen Sie diese auf Ihrem CSS-Datei

select::-ms-expand { 
    display: none; 
} 

Answer 3

ich nur für IE gelöst mit:

select::-ms-expand { 
    border:none; 
    background:#fff; 
} 

Source

Answer 4

Ich glaube, Sie Bootstrap-Klasse form-control auf HTML-Tag verwenden sollten select es richtig zu machen:

<select class="form-control"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select>