change dropdownIcon on p-dropdown?

[richleach]

I'm using the following code:

<p-dropdown [(ngModel)]="selectedNumberRow"
[options]="listNumberRow"
styleClass="page-size-picker descriptive-text"
(onChange)="checkNumberRow()"
[style]="{'width': '35px','border-bottom':'0px','font-family':'HelveticaNeueMed','font-weight':'700'}"
dropdownIcon="&#9207;">

... and I simply need to change the icon being used for the dropdownIcon, however nothing I've tried is taking hold (I"ve tried font awesome, strings, Unicode). Anyone have any ideas?

Thanks in advance,

Rich

[Primaryw]

Inside the attribute should be the class name(s).

Code: Select all

<pDropdown...
[dropDownIcon]="pi pi-caret-down"
..>

(Icon class of the dropdown icon you want)