html - 更改图标的颜色 Font Awesome

标签 html css

<分区>

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

我试过了

.fa-home {
    color:black;
}

但它不起作用。

最佳答案

尝试将样式应用于图标所在的 :before 元素。

.navbarClass li [class^="fa-"]:before,
.navbarClass [class*=" fa-"]:before {
...
    color: #COLOR;
}

关于html - 更改图标的颜色 Font Awesome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39962674/

相关文章:

html - 您如何引用说出报价的人显示在您的文档中?

html - 无法让页脚停留在页面底部

css - 伪元素过渡

javascript - 淡化除具有类别的特定 anchor 之外的所有 anchor

html - 电子邮件 html 不在移动设备上拉伸(stretch)表格全宽

html - 文本对齐正确时的背景颜色

html - CSS调整图片大小手机版

javascript - 使用 JQuery 在 td 单击或复选框单击时更改 td 的 CSS

css - 通过 react 以编程方式更改 CSS Stylesteet 初始值

javascript - 为什么除了一页之外的所有其他页面都会加载我的样式表,该页面上的样式表文件出现 404 错误