当前位置: 首页 > 知识库问答 >
问题:

更改图标字体的颜色真棒[关闭]

朱乐逸
2023-03-14

编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答问题。

我下载了一个主题,在导航栏部分有很棒的字体图标。当我尝试更改图标的颜色时,它保持不变。

我试过了

.fa-home {
    color:black;
}

但它不起作用。

共有2个答案

薛淮晨
2023-03-14

问题是主题,它可能在css文件的某个地方定义了颜色。搜索它并按照图标的类,这样您就可以找到图标颜色的定义位置。或者将css类放在文件的顶部并添加一个“!重要的”。比如:

Color: black !important;
黄君博
2023-03-14

尝试将样式应用于:before元素,图标位于该元素中。

.navbarClass li [class^="fa-"]:before,
.navbarClass [class*=" fa-"]:before {
...
    color: #COLOR;
}
 类似资料:
  • 我的css代码: 不确定我是否使用了正确的图标等fa-facebook-square,以及它是否被锁定为透明。

  • 由于某些原因,图标不会变为红色。它保持白色/灰色。 有人知道如何把颜色变成红色吗? 还有很多其他问题没有提到我正在使用的“CSS伪元素”类型。

  • 我正在使用I class=FA-Arrow-Circle-Left 带黑色的aspx文件:(注意,它没有内联样式,这只是我试图使它变成绿色的东西,但它仍然显示为黑色) 带绿色的aspx文件: 我也查看了css文件,但我唯一看到的黑色是:

  • 如果我在这里很愚蠢,请事先原谅我,但当使用JavaScript在我的网站上单击菜单以在当前类的“社交图标”之上添加一个“活动”类时,我正在尝试将3个字体真棒图标的颜色从白色更改为黑色,以便激活CSS。 我使用名为“切换”的div作为导航栏,目前只有第一个图标在单击时更改为黑色。我尝试过使用querySelectorAll,但不起作用,我还尝试过将社交图标类移动到字体真棒图标类中,但还是没有。我只是

  • 我想静态旋转我的字体图标45度。网站上说: 要任意旋转和翻转图标,请使用fa-roate-*和fa-fllip-*类。 但是, 不起作用,而将替换为起作用。这是否意味着它们实际上不能任意旋转?

  • 问题内容: 我尝试将插入号向下图标添加到多个选项的第一个选择中,如下图所示: 我无法在上方的小提琴上看到该图标。 以及相应的代码: 问题答案: 您可以简单地将FontAwesome图标添加为所选下拉菜单作为文本。您只需要CSS中的一些东西,FontAwesome CSS和unicode。例如: 单击图标可找到unicode:Fontawesome 更新:从Github问题开始,将multiple属