ui-select - 将箭头放在左侧

Question

ui-select - 将箭头放在左侧

3

我正在使用angularJS的ui-select选择框，并且需要将选择框的箭头置于左侧以与我拥有的其他选择框匹配和整个站点的rtl方向相符。在所有我找到的示例中，箭头都出现在右侧。我尝试设置direction和float属性，但没有效果。我正在为ui-select选择框使用bootstrap样式。在“真正的”bootstrap选择框中，通过设置dir="rtl"可以轻松地将箭头移到左侧。

任何想法？谢谢！

编辑：

这里有一个官方示例供您参考。

- Ella Sharakanski

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alon Eitan · Accepted Answer

您可以通过以下方式重置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;
 }