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

我正在使用 Angular UI 星级，但我想执行以下 2 项。任何帮助是极大的赞赏!

我想将所选星星的颜色 ("stateOn: glyphicon-star') 更改为黄色。有没有办法做到这一点？

我也想显示半星。例如，我想显示 3 1/2 颗星。你能告诉我怎么做吗？

以下是 AngularUI 中星级的评级标签:

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

最佳答案

半颗星将对逻辑和可能的 CSS 进行一些更改(我想像如果它在绘制了它应该为地板值的星数后有余数，然后在宽度为一半且没有溢出的容器中绘制一颗星，或者也许只是制作一个半星图标)。您可以在自己的 CSS 中简单地覆盖颜色，例如

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

关于angularjs - 使用 AngularUI Star Rating 更改星星的颜色并显示半星级，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22818923/