html - 如何在不更改 CSS 背景的情况下正确更改 Fontello 图标颜色

Question

我到处看了看，大多数人都先更改背景 :p 有什么方法可以在不更改背景的情况下立即更改颜色？非常感谢，示例将很高兴:)))

Answer 1

只需在您的 CSS 上使用“颜色”。示例:

<div>
<i class="icon-5x icon-search red"></i>
</div>

<div>
<i class="icon-5x icon-search green"></i>
</div>

<div>
<i class="icon-5x icon-search blue"></i>
</div>

然后为它着色:

   div {
    width:200px;
    height:80px;
    background: grey;
    margin-bottom: 6px;
}

i.icon-5x {
    display:block;
    text-align: center;
}

i.green {color:green}
i.blue {color:blue}
i.yellow {color:yellow}

最后:

DEMO