<分区>
<分区>
我有这个 CSS:
div {
display: block;
text-indent: -9999px;
width: 100px;
height: 100px;
background: url(http://s.cdpn.io/3/kiwi.svg) no-repeat center;
background-size: 82px 82px;
border:solid 5px black;
border-radius:200px;
padding:25px;
}
是否可以从 css/jquery 更改 svg 颜色?
我不想直接从 html
如果不。我可以对 PNG 执行此操作吗?
谢谢
最佳答案
简单的答案是否定的。您不能使用 CSS 为以这种方式嵌入的 SVG 设置样式。
但是您可以使用 Ravi 链接的技巧将 SVG 引用更改为内联 SVG。
另一个替代技巧是更改 SVG,以便您想要显示为颜色的部分在 SVG 中是透明的。并使 SVG 的“背景”为纯白色。
然后您可以更改 background-color
的 <div>
它将通过 SVG 的透明部分显示。
关于css - 从 css 更改 SVG 颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19592434/