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

时间:2015-09-04 05:39:10

标签: primefaces

我使用像这样的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;       
}

但它不适合我。

他们还有其他方式吗?

1 个答案:

答案 0 :(得分:0)

我能够改变&#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我可以看到这是他们正在使用的:

Primefaces Star Rating

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

Haven在我结束时试过了。