在星形元素上应用 CSS 填充

Question

我正在使用来自 - http://fortawesome.github.io/Font-Awesome/icon/star-o/

的星形元素

我想给它填充颜色，color: red;只适用于元素的周围，找不到all star的正确定义。 我的代码：

<i class="fa fa-star-o" ng-click="alertStar(1)" id="1"></i>

和 CSS :

#1 {
  color: red;
}

Answer 1

根据 FontAwesome 的文档，它提供的每个图标都有很多 classes。 star 图标有几个您可能感兴趣的 classes：

<i class="fa fa-star">
<i class="fa fa-star-o">

第二个只是它的大纲。为了得到想要的效果，你可以给它 .fa-star class 然后用 CSS 给它上色。

示例： http://jsfiddle.net/hdkzfue1/

---

您可以使用 icon-star class 这会给您一个实心的星星；您可以稍后使用 color 规则为其着色。

Answer 2

如果你想要一个很棒的通用字体颜色 classes 你可以使用这个代码：

.fa {color: red;}

如果你想去 class 具体你可以使用这个代码：

.fa .fa-star-o {color: red;}