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