在没有箭头移动的情况下右键对齐选择下拉菜单

Question

我想在选择框中右对齐文字，但是当我添加：

时

dir="rtl"

到选择，默认下拉箭头在Firefox中向左移动，而在Chrome中停留在右侧：

http://jsfiddle.net/6dts82hL/

我想将箭头默认保持在右侧，而文本在所有浏览器中都对齐，因为我将使用CSS来使用此方法修改此箭头：

http://bavotasan.com/2011/style-select-box-using-only-css/

非常感谢您的帮助！

Answer 1

我最终使用了像Daniel A. White所提到的select2库。它完全符合我的需要！