Regression in color behavior

[ErikBjare]

I just updated from v3.5 to v4.5 and found that behavior around how colors are set have changed.

The README mentions that:

The icon color is inherited from the font color of the parent element by default. You can easily change it to any other color by specifying the color property.

However, as of v4.5, this is no longer true, and neither setting the color component prop nor the color CSS property. Instead, you need to set the fill CSS property: #141 (comment)

I can't find a way to inherit the color correctly (as it should), so I'm going to have to downgrade for now.

[orzice]

我也遇到了这个问题，当我在看demo的时候 发现缺失了 fa-icon 的css样式。
在你的vue或者css文件里面加上

// 可以继承父级的color属性
.fa-icon {
display: inline-block;
fill: currentColor;
overflow: visible;
}

然后就可以正常使用了。
希望可以帮助到你。