Bootstrap Select Box с выравниванием текста справа и стрелкой на левой стороне

Question

Мне нужно показать выпадающий список с выравниванием текста по правому краю и стрелкой с левой стороны.Следующий код работает на firefox и chrome, но на ie11, а edge не работает.Как я могу заставить этот код работать и для браузера Microsoft спасибо

select.right-align {
  text-align: right;
}

.right-align>option {
  direction: rtl;
}

<select class="form-control input-sm right-align" style="width:150px; " >
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>``
</select>