primeng p-treeTableToggler icon changed instead of original pi pi-fw pi-chevron-right icon

2k Views Asked by At

I'm using primeng tree toggler for a grid in angular application.

For tree toggler icon, primeicons are used.

https://www.primefaces.org/primeng/showcase/#/icons

Using below CSS for toggler icon.

.pi-chevron-right:before {
    content: '\e905' !important;
    vertical-align: middle !important;
    font-size: 25px;
}

But image is getting differently compared to original icons.

Expected toggler icon:

enter image description here

Existing toggler icon:

enter image description here

I want to get icon as shown in Expected toggler icon but getting the wrong icon, Existing toggler icon.

How to avoid that.

Update 1:

I'm able to get toggler icon as expected, if I remove below highlighted styles .

enter image description here enter image description here

I tried in chrome developer tools.It worked.

But I'm not getting how to remove them from angular/javascript code. Kindly suggest.

0

There are 0 best solutions below