Google chrome 使用<；引用的SVG不同颜色的转换；使用/>；不在Chrome上工作

我正在尝试使用

对SVG的两种不同颜色进行CSS转换

我的方法是使用CSS自定义属性定义SVG的子元素（

和

）上的

fill

的颜色，并设置转换声明

它适用于Firefox，但不适用于Chrome。有铬的解决方案吗

。图标右V形{
--圆圈：金色；
--V形：橙色；
宽度：150px；
高度：150像素；
}
.图标右V形：悬停{
--圆圈：绿色；
--V形：蓝色；
}