Css ui选择-使箭头位于左侧

我正在使用angularJS的选择框，我需要选择框的箭头位于左侧，以匹配我拥有的其他选择框和整个站点的

rtl

方向

在我找到的所有例子中，箭头都在右边。我尝试设置

方向

和

浮动

属性，但没有任何效果

我正在为ui选择框使用

引导

样式。在“真实”引导选择框中，只需设置

dir=“rtl”

即可将箭头向左移动

有什么想法吗？谢谢

编辑：

---

这里有一个按钮，您可以使用它。

您可以像这样重置

右侧

和设置

左侧

.ui-select-bootstrap .ui-select-toggle > .caret {
   right: initial;
   left: 10px; /* or any other value - it should be the same as the original right value */
}


.ui-select-bootstrap > .ui-select-match > .btn {
    text-align: right !important;
    direction: rtl;
 }


 .ui-select-bootstrap > .ui-select-match > .btn > span.pull-left {
     float: right !important;
 }

---

谢谢我知道它没有出现在我的问题中，但如何使选择框中的文本成为

rtl

？它真的很有帮助！还有几件事：1。有没有办法使箭头形状与引导中的箭头形状相同？我现在注意到箭头是不同的。2.由于某种原因，当我在空中盘旋时，盒子会变成灰色。我如何删除这个？我想引导式风格不是那么引导式的…@EllaShar-最好是用一个新的答案创建一个plunker。当您的需求列在CommentsOne中时，很难跟踪它们！