Angularjs Angular.ui引导评级中的自定义图像

我正在使用angular bootstrap ui的

rating

指令。如何使用自定义图像作为图标而不是glyphicon？

这对我很有用

---CSS

----HTML-----

如果您在上提供了一个自定义样式类，则会发生什么？您始终可以自定义默认模板以显示您想要的内容：@PatrickLorio It works！谢谢对不起，可能是我太笨了，但是你能发布一个CSS片段，在这里你可以为状态设置一个自定义图像，打开和关闭状态吗？我尝试了.blueStar{background image:url（'/images/star blue.gif'）；}，但它不起作用

    .orange-star { 
      height: 18px;
      width: 18px;
      background-size: contain;
      background-image: url("{!$Resource.OrangeStar}");
    }
    .white-star {
      height: 18px;
      width: 18px;
      background-size: contain;
      background-image: url("{!$Resource.Whitestar}");
    }

<rating ng-model="rate" max="4" state-on="'orange-star'" state-off="'white-star'"> </rating>