Bootstrap Dropdown doesn't style correctly in Internet Explorer

Question

I'm using twitter bootstrap classes in my angular project. For a dropdown menu the styles work fine in Chrome but when I load it into IE 11, it does not style properly. In particular the dropdown arrow button.

Has anyone else had this issue with IE? How would I resolve this? Please see a comparison photo below of my issue.

enter image description here

My html section below as well, any comments welcome thanks in advance!

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

I confirm that this is the case when using Bootstrap 3.3.2. – HischT Jan 28 '15 at 20:57 — HischT, Jan 28 '15 at 20:57

score 3 · Answer 1 · edited May 23 '17 at 12:24

3

I just solved for IE using :

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

Source

edited May 23 '17 at 12:24

Community

1
1

answered Dec 21 '15 at 18:09

Shubh

6,693
9
48
83

score 2 · Answer 2 · answered Jun 30 '15 at 10:59

2

Add this on your css file

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

answered Jun 30 '15 at 10:59

Niet

37
2

You may want to explain what your code does / why you think it will resolve the problem (maybe link to some sources?). – Okku Jun 30 '15 at 13:43

score 1 · Answer 3 · edited Aug 29 '17 at 14:34

1

I think you should use bootstrap class form-control on HTML tag select for it to render correctly:

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

edited Aug 29 '17 at 14:34

Alex M

2,756
7
29
35

answered Aug 29 '17 at 13:27

milindrev

11
1

score 0 · Answer 4 · answered Jan 28 '15 at 05:57

0

Bootstrap 3 drops support for Internet Explorer 7, but you can add it back by simply adding conditional CSS called bootstrap-ie7.css.

here is the download link:: https://github.com/coliff/bootstrap-ie7

answered Jan 28 '15 at 05:57

Sarath

2,318
1
12
24

2

The author is talking about IE11 though. – HischT Jan 28 '15 at 20:58

Bootstrap Dropdown doesn't style correctly in Internet Explorer

4 Answers4