css - ui-select - 使箭头在左侧

Question

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

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

我正在使用bootstrapui-select 选择框的样式。在“真正的”引导选择框中，将箭头向左移动非常容易，只需设置dir="rtl".

有任何想法吗？谢谢！

编辑：

这是一个官方示例，以便您可以使用它。

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