RTL Prime 下拉组件

Question

有没有办法将 PrimeNG 下拉图标放在 select 的左侧？

我试过了

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

但没有正常工作。

还有其他解决办法吗？

Answer 1

您是否尝试过覆盖 PrimeNG CSS？

试试这个：

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

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

见Plunker

Answer 2

您必须覆盖 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;
}