Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xcode/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何更改Primefaces评级标签';s图标?_Primefaces - Fatal编程技术网

如何更改Primefaces评级标签';s图标?

如何更改Primefaces评级标签';s图标?,primefaces,Primefaces,我用了一个像这样的p:rating标签 <p:rating id="ratingID" value="#{manageBean.clientDetails.level}" styleClass="rating"/> 但这对我不起作用 他们还有其他方法吗?我可以使用以下方法更改“打开”(黄星)图像: .rating .ui-rating-star-on a{ background-image: url("#{resource['images:new-document.png'

我用了一个像这样的p:rating标签

<p:rating id="ratingID" value="#{manageBean.clientDetails.level}" styleClass="rating"/>
但这对我不起作用

他们还有其他方法吗?

我可以使用以下方法更改“打开”(黄星)图像:

.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 showcase中查看示例时,我可以看到他们使用的是:

我认为,如果您只需创建与此相同的图像图片,并遵循大小(16X80),然后相应地替换图片,您就可以达到所需的效果


我还没有试过。你能试着添加吗!在你的背景图片中很重要?你是否只需要更改“开”星级(示例中的黄色)甚至“关”(灰色)?因此,最终它都只是html、css和javascript…;-)如果你这样做的话,还有照片哈哈。这能回答你的问题吗?如果是,请将其标记为已接受。谢谢
.rating .ui-rating-star-on a{
    background-image: url("#{resource['images:new-document.png']}")  !important;
    display: block;
    height: 15px;
    width: 16px;  
    background-position: center;
}