Change Ratings Icon

UI Components for Vue
Post Reply
Holz
Posts: 1
Joined: 08 Feb 2022, 21:31

08 Feb 2022, 21:43

I am trying to change the icon used for the `Ratings` component with PrimeVue 3 but attempting to set the `background-image` doesn't seem to work.

I was able to get some access to styling by doing the following:

```
::v-deep(.ratingClass .p-rating){
.p-rating-icon {
background: url("../assets/adblogo.png") 29% 29% no-repeat;
}
}
```
However, this shows the image behind the star icon instead of replacing it.

I was initially attempting to use `p-rating-star` as described here: https://primefaces.org/primevue/showcase/#/rating
but that didn't seem to show any changes.

Any help with how to change this icon would be greatly appreciated.

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests