Bootstrap Dropdown không có kiểu dáng chính xác trong Internet Explorer

Question

Tôi đang sử dụng các lớp học khởi động twitter trong dự án góc cạnh của mình. Đối với một trình đơn thả xuống, các kiểu hoạt động tốt trong Chrome nhưng khi tôi tải nó vào IE 11, kiểu đó không đúng kiểu. Cụ thể là nút mũi tên thả xuống.

Có ai khác có vấn đề này với IE không? Làm thế nào tôi sẽ giải quyết điều này? Vui lòng xem ảnh so sánh bên dưới sự cố của tôi.

phần html của tôi dưới đây là tốt, bất kỳ ý kiến ​​hoan nghênh cảm ơn trước!

<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 giọt hỗ trợ cho trình duyệt Internet Explorer 7, nhưng bạn có thể thêm nó trở lại bằng cách thêm CSS có điều kiện gọi là bootstrap-ie7.css.

đây là link download ::https://github.com/coliff/bootstrap-ie7

Answer 2

Thêm này trong hồ sơ css của bạn

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

Answer 3

Tôi chỉ giải quyết cho IE sử dụng:

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

Source

Answer 4

Tôi nghĩ rằng bạn nên sử dụng bootstrap lớp form-control trên thẻ HTML select cho nó hiển thị chính xác:

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