簡體   English   中英

如何在不更改CSS背景的情況下正確更改Fontello圖標的顏色

[英]How do you properly change a Fontello icon color without changing the background in CSS

iv看了看哪里,大多數人都在先改變背景:p有什么方法可以直接改變顏色而不改變背景嗎? 非常感謝,示例將不勝感激:)))

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM