ui-select - 让箭头在左边

Question

我正在为 angularJS 使用 ui-select select-box，我需要 select-box 的箭头位于左侧以匹配我拥有的其他 select-boxes 和网站的整个 rtl 方向。

在我找到的所有示例中，箭头都位于右侧。我尝试设置 direction 和 float 属性，但没有任何效果。

我正在为 ui-select select-框使用 bootstrap 样式。在 "real" bootstrap select 框中，将箭头向左移动真的很容易，只需设置 dir="rtl".

有什么想法吗？谢谢！

编辑：

这里有一个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;
 }