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

Question

我正在使用ratingangular bootstrap ui 的指令.如何将自定义图像用作图标而不是glyphicon？

Answer 1

这对我有用.

--- CSS

    .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}");
    }

---- HTML -----

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