代码之家 › 专栏 › 技术社区 › Eric Brown

无法用CSS更改字体的超棒颜色

css

Eric Brown · 技术社区 · 6 年前

我一直在尝试将字形颜色从令人敬畏的字体更改为绿色,但无论我做什么,我都无法让它更改颜色。我所能做的就是改变背景色,但是字形保持相同的灰色。我试过在网上查找,每个人都说只要给图标添加颜色,就像这样:

    .fa-check-circle .green{
  color: #24ff30;
}


<i className="far fa-check-circle fa-2x green"></i>

但当我这样做的时候,它看起来是这样的:

我希望背景清晰,图标本身是绿色,但我不知道怎么做。

3 回复 | 直到 6 年前

Sven Eberth Mayank Agarwal 6 年前

你确定你的选择是对的吗? .fa-check-circle .green 选择元素 .green 在父级 .fa-check-circle .

我想在你的情况下应该是

.fa-check-circle.green

Swooshant 6 年前

删除 .fa-check-circle 和 .green 班级。

mbuchok 6 年前

检查选择器是否正确。还要检查您的CSS文件的顺序是否正确,以及其他元素之间没有任何冲突的样式。如果所有其他都失败,请尝试指定!重要或设置内联样式。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前