jquery - Bootstrap fa fa 图标

Question

我正在使用这个 Boot 带模板 http://startbootstrap.com/template-overviews/stylish-portfolio/

在index.html的底部，有一些fa fa图标。 Facebook 、推特和滴滴。现在它们是浅蓝色的。但我怎样才能改变这一点呢？我希望图标的颜色不同

我已经检查了CSS，我在fa fa图标、facebook、twitter、上找不到任何内容运球、ul、li。

否则还会在哪里。
这是html

<ul class="list-inline">
                    <li>
                        <a href="http://www.facebook.com"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
                    </li>
                    <li>
                        <a href="http://www.twitter.com"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
                    </li>
                </ul>

Answer 1

这些是 Font Awesome图标，并且本质上呈现为文本，因此您可以对文本执行的任何样式，您都可以对这些图标执行。

这意味着您可以申请 color CSS样式为<i>标签和图标将以该颜色呈现。

例如。

<ul class="list-inline">
    <li>
        <a href="http://www.facebook.com"><i class="fa fa-facebook fa-fw fa-3x" style="color:blue;"></i></a>
    </li>
    <li>
        <a href="http://www.twitter.com"><i class="fa fa-twitter fa-fw fa-3x"  style="color:red;"></i></a>
     </li>
</ul>

JSFiddle

顺便说一句，请注意，大多数品牌(例如 Facebook、Twitter、YouTube 等)对于如何使用其品牌、图标和颜色都有非常严格的准则。因此，如果您更改图标的颜色，您需要注意任何法律影响。