如何使用CSS更改圖標字體的顏色

我正在使用ThemeForest中使用圖標字體的主題。在CSS文件，我看到一個@字體面導入的字體，因此所有圖標的列表：如何使用CSS更改圖標字體的顏色

.socials li.social-lastfm a:before, 
.socials li.social-soundcloud a:before { 
    font-family: 'icomoon-essential'; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    line-height: 1; 
    color: green; 
    -webkit-font-smoothing: antialiased; 
}

在這個例子中有幾個圖標，但所有我對圖標主題只有其中一個變成了綠色。我已經爲這個CSS添加了新的規則，包括.socials li.social-twitter a：之前等。

即使添加了規則，圖標的顏色也不會改變。當我使用WordPress時，我進入後端以確定是否可以通過某種插件更改圖標。爲了我的死亡，我找不到解決方案。

如果您知道我可以解決問題的方法，請告訴我。

來源

2013-03-25 Coded Container

你使用的是什麼主題，也許有一個演示版本可以讓我們看到它的存在？ – MNilson 2013-03-25 13:34:06

這些圖標只是一種自定義字體，所以上面的CSS會將「顏色」正確設置爲綠色。如果它沒有像你期望的那樣顯示出來，也許你在其他地方有一些重寫這個的樣式。嘗試縮小範圍，以便您可以在jsFiddle之類的東西中創建一個示例，其中顯示了問題的最簡單版本。 – CherryFlavourPez 2013-03-25 13:34:40

你試過類似顏色的東西：紅色;而不是顏色：綠色;？ – aNewStart847 2013-03-25 13:43:07

如果你可以在這裏發佈你的html代碼，那麼這樣會更好，所以我們可以找出問題所在。假設html代碼如下所示：

<ul class='socials'> 
    <li class='social-lastfm'><a href='#'>Icon A</a></li> 
    <li class='social-soundcloud'><a href='#'>Icon B</a></li> 
</ul>

來源

2013-03-25 19:25:02

嘗試使用！重寫以前的css。

來源

2016-02-17 13:00:52

如何使用CSS更改圖標字體的顏色

回答

相關問題