Bootstrap Dropdown не корректно работает в Internet Explorer

Question

Я использую классы twitter bootstrap в своем угловом проекте. В раскрывающемся меню стили работают отлично в Chrome, но когда я загружаю его в IE 11, он не выглядит правильно. В частности, кнопка со стрелкой вниз.

Есть ли у кого-нибудь еще эта проблема с IE? Как я могу это решить? См. Сравнительное фото ниже моей проблемы.

Мой HTML раздел ниже, а также любые замечания приветственные заранее спасибо!

<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 капли поддержки для Internet Explorer 7, но вы можете добавить его обратно, просто добавив условного CSS под названием самозагрузки-ie7.css.

здесь ссылка для скачивания ::https://github.com/coliff/bootstrap-ie7

Answer 2

Добавить это на файл CSS

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

Answer 3

Я просто решил для IE с помощью:

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

Source

Answer 4

Я думаю, вы должны использовать загрузочный класс form-control на HTML тег select для его корректного отображения:

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