3

angularJS のui-select選択ボックスを使用しています。私が持っている他の選択ボックスとrtlサイト全体の方向に一致するように、選択ボックスの矢印を左側に配置する必要があります。

私が見つけたすべての例で、矢印は右側に表示されます。directionとプロパティを設定しようとしましたfloatが、何も機能しませんでした。

bootstrapui-select 選択ボックスのスタイルを使用しています。そして、「実際の」ブートストラップ選択ボックスでは、 を設定するだけで、矢印を左に簡単に移動できますdir="rtl"。

何か案は？ありがとう！

編集：

ここに公式の例がありますので、それで遊ぶことができます。

4

1 に答える 1

7

をリセットして、このよう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;
 }
于 2015-05-22T22:23:36.140 に答える