如何使用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更改图标字体的颜色

回答

相关问题