Bootstrap Select Box，右侧带有对齐文本和箭头

Question

我需要显示一个带有右侧对齐文本和左侧箭头的组合框。 以下代码在firefox和chrome上运行，但在ie11和edge上不起作用。 我如何使此代码也适用于Microsoft Browser 谢谢

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>