使用AngularUI Star Rating更改星星的颜色并显示半星评级

Question

我正在使用Angular UI星级，但我想执行以下2项。非常感谢任何帮助！

1. 我想将所选星的颜色（＆＃34; stateOn：glyphicon-star＆＃39;）更改为黄色。有没有办法做到这一点？
2. 我也想展示半星。例如，我想显示3 1/2星。你能告诉我怎么做吗？

以下是AngularUI中星级评分的评分标签：

<rating value="rate" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null" </rating>

Answer 1

半星会对逻辑和可能的CSS进行一些修改（我想象一下，如果在绘制了应该为地板值的星数之后它有一个余数，那么在一个宽度为一半的容器中绘制一个星星没有溢出，或者只是制作半星图标）。您可以在自己的CSS中轻轻覆盖的颜色，如

.glyphicon-star, .glyphicon-star-empty {
  color:yellow;
}

Answer 2

.glyphicon-star : before, .glyphicon-star-empty: before{
  color:yellow;
}

这也会导致相同的