RTL Primeng drop-down component

Question

Is there any way to place the PrimeNG drop-down icon on left side of select?

I tried

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

but didn't work correctly.

Is there any other solution?

Answer 1

Have you tried to override PrimeNG CSS ?

Try this :

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

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

See Plunker