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

时间:2014-03-09 19:06:25

标签: html css

Iv看着每个地方,大多数人都在改变背景:p有什么办法可以在不改变背景的情况下直接改变颜色?非常感谢,示例将很高兴地欣赏:)))

1 个答案:

答案 0 :(得分:2)

只需在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