Question

您好我有以下代码：

    <span class="fa-stack fa-4x">
    <i class="fa fa-circle fa-stack-2x icon-background1"></i>
    <i class="fa fa-balance-scale fa-stack-1x fa-inverse"></i>
    </span>

.icon-background1 { color: #ffc0ff; }

然而，圆圈的颜色并没有改变。

有关调试的提示吗？

Answer 1

编写的代码似乎合法，我已经在代码笔https://codepen.io/anon/pen/XxMPVZ中成功使用了它。我还提供了一个示例，其中设置了内部图标的颜色（而不是使用fa-inverse）。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">  
<span class="fa-stack fa-4x">
    <i class="fa fa-circle fa-stack-2x icon-background1"></i>
    <i class="fa fa-balance-scale fa-stack-1x fa-inverse"></i>
</span>
<span class="fa-stack fa-4x">
    <i class="fa fa-circle fa-stack-2x icon-background1"></i>
    <i class="fa fa-balance-scale fa-stack-1x icon-background2"></i>
</span>

.icon-background1 {
    color: #ffc0ff;
}
.icon-background2 {
    color: purple;
}

改变fontawesome fa-circle的颜色

1 个答案: