在星形元素上应用 CSS 填充
Apply CSS fill on an star element
我正在使用来自 - 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;
}
根据 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
规则为其着色。
如果你想要一个很棒的通用字体颜色 classes 你可以使用这个代码:
.fa {color: red;}
如果你想去 class 具体你可以使用这个代码:
.fa .fa-star-o {color: red;}
我正在使用来自 - 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;
}
根据 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
规则为其着色。
如果你想要一个很棒的通用字体颜色 classes 你可以使用这个代码:
.fa {color: red;}
如果你想去 class 具体你可以使用这个代码:
.fa .fa-star-o {color: red;}