Выпадающий компонент RTL Primeng

Есть ли способ разместить значок раскрывающегося списка PrimeNG слева от выбора?

Я пытался

<div class="ui-rtl" dir="rtl">
    <p-dropdown></p-dropdown>
</div>

но работала некорректно.

Есть ли другое решение?


angular css primeng primeng-dropdowns
person Vala Khosravi    schedule 28.03.2018    source источник
comment
Что ты конкретно имеешь ввиду ? Потому что по умолчанию значок стрелки находится справа ...   -  person Antikhippe    schedule 28.03.2018
comment
@Antikhippe Checkout веб-сайт на персидском или арабском языках или на других языках справа налево. В этих примерах вы видите кнопку со стрелкой слева.   -  person Vala Khosravi    schedule 28.03.2018
comment
Хорошо, но вы попросили разместить значок справа, не могли бы вы отредактировать свой вопрос?   -  person Antikhippe    schedule 28.03.2018
comment
@antikhippe конечно, спасибо за предложение   -  person Vala Khosravi    schedule 28.03.2018

Ответы (2)


arrow_upward
1
arrow_downward

Вы пытались переопределить PrimeNG CSS?

Попробуй это :

.ui-dropdown .ui-dropdown-label {
  padding-left: 2em;
}

.ui-dropdown .ui-dropdown-trigger {
  left: 0;
}

См. Plunker.

person Antikhippe    schedule 28.03.2018

arrow_upward
0
arrow_downward

Вы должны переопределить PrimeNG. не используйте направление для .body {}

.ui-dropdown label.ui-dropdown-label
{
text-align:right;
}


body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group
{
text-align:right;
}

person maryam ghoreishi    schedule 12.03.2019