ui-select - 使箭头位于左侧

Question

我正在使用ui-select选择框用于angularJS，我需要选择框的箭头在左侧以匹配我拥有的其他选择框和整个{{1}网站的方向。

在我找到的所有例子中右侧的箭头布线。我尝试设置rtl和direction属性，但没有任何效果。

我正在使用ui-select选择框的float样式。在“真正的”自举选择框中，只需设置bootstrap即可轻松将箭头向左移动。

有什么想法吗？谢谢！

修改

这是一个official example，以便你可以玩它。

Answer 1

您可以重置right并像这样设置left

.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;
 }