更改PrimeFaces p：rating的图标？

Question

我想改变p:rating的形状..并显示圆圈或正方形或其他任何东西而不是星星。可能吗。也许是通过CSS？

Answer 1

您需要创建自己的图标，基本上图标位于一个sprite image：

因此，在您的情况下，您可以通过替换每个图标来实现自己的图标，例如：

然后在CSS中用新的替换背景：

div.ui-rating-star a, div.ui-rating-cancel a {
  background-image: url("#{resource['images/icon/myrating.png']}");                       
}

online demo

如何创建这样的精灵

转到http://spritepad.wearekiss.com/

选择

然后

创建您的图标15x15px

拖放到打击垫

查看更多内容：

• CSS Image Sprites。