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.

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>

Answer 1

I just solved for IE using :

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

Source

Answer 2

Add this on your css file

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