html - 从 FontAwesome 更改图标的颜色？

Question

我正在使用 BigCommerce，我的代码有这个:

.icon-cart {
    color: #4ca3c0 !important;
}

.icon-cart a{
    color: #4ca3c0 !important;
}

而且它不会改变图标的​​颜色。有帮助吗？

http://glymed-plus.mybigcommerce.com/

Answer 1

fontAwesome 安装一团糟。

原因color CSS 属性不会改变购物车的颜色是因为购物车是由 sprite 渲染的:

.icon {
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url("http://cdn3.bigcommerce.com/r-13587bfb690318eb6b3c052034841f2aff994eb4/themes/ClassicNext/images/icon_sprite.png") no-repeat 0 -27px;
}

(background 正在加载图像，而不是图标)。

参见 http://fortawesome.github.io/Font-Awesome/get-started/

您可能没有复制安装中的其他文件夹。

如果删除 background ，安装其他目录，并保留您的 HTML，它应该可以工作。

---

编辑:您是对的，fontAwesome 已正确安装。

现在更改 <i>元素:

<i class="fa fa-shopping-cart" title="View Cart">&nbsp;</i>

您可以设置大小和位置以更好地显示，但是 fa和 fa-shopping-cart必须设置类以显示购物车图标。