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

Question

我使用这样的 p:rating 标签。

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

我想更改图片而不是星号。我浏览 google 并获得以下代码。

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

但它对我不起作用。

他们还有其他方法吗？

Answer 1

我能够使用此更改 "on"（黄色星星）图像：

.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）以及相应地替换图片，你可以达到你想要的效果。

我还没试过。

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

How to change Primefaces rating tag's icon?

primefaces