我可以改变fontcolor，而不是“填”。我第一次尝试设置背景颜色，但它填充了整个图标框区域。
例如，我有
<i class="icon-star-empty icon-large"></i>
但我希望它变黄。
编辑：
用例是我想要一个“最喜爱的”图标是灰色的轮廓，点击，轮廓变成橙色，填满黄色。
解决方法
Font-awesome带有许多概述和填补的
icons.
star是其中之一。
您可以使用四种不同的星形图标类：
class="icon-star" class="icon-star-empty" class="icon-star-half" class="icon-star-half-empty"
如果你是一个半满人的人，你也可以使用’icon-star-half-empty’的别名：
class="icon-star-half-full"
您可以使用不同的字体来绘制字体，以达到您要查找的内容：
<i class="icon-star-empty icon-large icon-a"></i><br><br> <i class="icon-star-empty icon-large icon-b"></i><br><br> <i class="icon-star icon-large icon-c"></i> or <i class="icon-star icon-large icon-d"></i>
使用以下CSS(而不是使用内联样式)：
.icon-a {
color: #888;
}
.icon-b {
color: orange;
}
.icon-c {
color: yellow;
}
.icon-d {
color: yellow;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: orange;
}
如果您不想使用图标大，也可以替换/设置尺寸。
但是我已经把上面的代码和一些更多的选项放在一个JSFiddle中，你可以在can look at here。
还可以使用css-transitions，它提供了一种方法来动态更改CSS属性，而不是使更改立即生效或与javascript结合使用。
