css - RTL Primeng 下拉组件

Question

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

我试过

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