如何更改Primefaces评级标签的图标？

Question

我使用像这样的p：rating标签。

<p:rating id="ratingID" value="#{manageBean.clientDetails.level}" styleClass="rating"/>

我想改变图像而不是星形。我浏览谷歌并获得以下代码。

.rating .ui-rating-star a, .ui-rating-cancel a {  
  background-image:url(../Images/fire.jpg);   
   display: block;
    height: 15px;
    width: 16px;       
}

但它不适合我。

他们还有其他方式吗？

Answer 1

我能够改变＆＃34; on＆＃34; （黄色星）图像使用：

.rating .ui-rating-star-on a{
    background-image: url("#{resource['images:new-document.png']}")  !important;
    display: block;
    height: 15px;
    width: 16px;  
    background-position: center;
}

如果你想改变其他图像会更棘手。显然检查Primefaces展示中的示例website我可以看到这是他们正在使用的：

我认为如果您只是创建相同的图像并遵循尺寸（16X80），然后相应地更换图片，您就可以达到预期的效果。

Haven在我结束时试过了。