css - css 不能覆盖反应图标颜色

Question

我的问题的简单说明

import {BsFillArrowRightCircleFill} from "react-icons/bs";

export default function Icon(){
    return <BsFillArrowRightCircleFill className='icon'/>;
}

在 CSS 文件中，如果我把

.icon {
   color: red;
}

它会工作得很好。但是如果我添加这样的全局样式

* {
   color: yellow;
}
.icon {
   color: red;
}

那么颜色会保持黄色。我不明白为什么这个选择器不起作用。

Answer 1

尝试使用选择器：

    .icon{
          *{
             color: red;
           }
        }

另请访问此链接，您将了解更多信息。如何设置 React-Icon 样式