Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么可以';我不能使用color CSS属性给这个SVG上色_Css_Svg - Fatal编程技术网

为什么可以';我不能使用color CSS属性给这个SVG上色

为什么可以';我不能使用color CSS属性给这个SVG上色,css,svg,Css,Svg,我正在寻找一种方法来更改SVG图标的颜色(没有fill,因为IE11不支持它),我看到Github使用color属性来实现这一点 我从Github获得了这个SVG(基本上是星形按钮)。如果我在Github上使用开发工具检查它,然后在它上面设置颜色(color:red),我就可以让它改变颜色 但是,如果我将其复制到我的页面上,并尝试执行相同的操作,则不会起作用: .octicon星形{ 颜色:红色; } 您正在寻找填充:CurrentColor。它根据color的值更改svg的fill。一篇关于

我正在寻找一种方法来更改SVG图标的颜色(没有
fill
,因为IE11不支持它),我看到Github使用
color
属性来实现这一点

我从Github获得了这个SVG(基本上是星形按钮)。如果我在Github上使用开发工具检查它,然后在它上面设置颜色(
color:red
),我就可以让它改变颜色

但是,如果我将其复制到我的页面上,并尝试执行相同的操作,则不会起作用:

.octicon星形{
颜色:红色;
}

您正在寻找
填充:CurrentColor
。它根据
color
的值更改svg的
fill
。一篇关于CSS的文章就介绍了这一点

编辑:当然这也使用
fill
,但这是github使用的方法

.octicon星形{
颜色:绿色;
}
svg{
填充:当前颜色;
}

请在问题本身中包含一个。我很惊讶在IE11中不支持填充。你确定?有那么糟糕吗…@TemaniAfif没有试过,但是。也许我看错了……那完全是不同的东西——填充工作ie@Pete太棒了,谢谢!谢谢,这就解释了。也许它确实有效,这是在谈论一种不同的填充方式