如何设置背景/内嵌SVG的填充颜色？[重复]
.icon {
width: 20px; height: 20px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="10" /></svg>');
}<div class='icon'></div>如何设置内联/背景 SVG 的填充颜色（使用 CSS）？
共有1个答案
.icon {
width: 20px; height: 20px;
background-color: red;
-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="10" /></svg>');
mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="10" /></svg>');
}
-
本文向大家介绍设置一个元素的背景颜色，背景颜色会填充哪些区域？相关面试题，主要包含被问及设置一个元素的背景颜色，背景颜色会填充哪些区域？时的应答技巧和注意事项，需要的朋友参考一下 参考回答： background-color设置的背景颜色会填充元素的content、padding、border区域，
-
问题内容： 将SVG输出直接与页面代码内联放置，我能够像这样简单地用CSS修改填充颜色： 这很好用，但是我正在寻找一种方法，当它用作Background-IMAGE时，修改SVG的“填充”属性。 现在如何更改颜色？可能吗 作为参考，这是我的外部SVG文件的内容： 问题答案： 一种方法是从某种服务器端机制为svg提供服务。只需创建一个资源服务器端，即可根据GET参数输出svg，然后将其提供给某个网址
-
我有一个SVG作为div中的背景图像。当我通过JQuery添加一个类“svg”时，我想改变这个SVG的填充颜色。 我该怎么做呢？ 以下是我目前为止的代码: 谢谢 899年
-
通过RGB值设置背景的颜色。 默认的颜色是 0x000000： // 颜色的参数可以是字符串 "#530000" 或者是十六进制数值 0x530000 controller.setBackgroundColor("#530000); //controller.setBackgroundColor(0x530000);
-
我有一个嵌入在“img src”标记内的SVG图像。svg 包含带有颜色的不同路径，每个路径由 id 分隔。我想使用 jquery 更改每个 id 中的填充颜色 下面是我使用过的代码。但是颜色没有变化。通过大量搜索，我发现如果svg直接添加到html中，它就可以工作。一个工作示例：http://jsfiddle.net/P6t2B/ 但是如果是通过“img src”添加svg，我该如何实现呢？？
-
如果我通过css背景图像加载SVG图像，如下所示： 如何更改图标内部形状或整个图标本身的填充颜色？ 谢谢。