Change the icons of dataList

552 Views Asked by At

I'm using a <p:dataList> to display vehicles. Everything is okay except the icons. My icons look like that right now

enter image description here

and i want them to look like that

enter image description here.

I know how to modify the datalist itself using css, but not the buttons in the list. So how can i replace the icons using css?

If I do this, i can color it yellow and place an image, but not replacing it:

.ui-paginator-next {
background-color: yellow !important;
background-image: url(#{resource['images/logo.png']});

}

0

There are 0 best solutions below