Question

我在菜单中为一个SVG图像添加了一个“之前”css的HTML类。我该怎么改变SVG的颜色。我尝试过的所有东西都不适合我。有人可以帮助，谢谢

如果是css。

.selectdesing:before{
  content: url("data:image/svg+xml; utf8, <svg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 295'><g><path d='M300,0H0v295h300V0z M290.2,285.2H9.8v-74l67.1-58.4l31.3,27.2l43.6-44.1l75.9,65.8l30.8-26.7l31.6,27.4V285.2z M290.2,189.3l-31.6-27.4l-30.8,26.7l-76.5-66.2l-43.6,44.1l-30.8-26.7L9.8,198.2V9.8h280.4V189.3z'/><path d='M228.5,137.5c12.9,0,23.4-10.5,23.4-23.4c0-12.9-10.5-23.4-23.4-23.4c-12.9,0-23.4,10.5-23.4,23.4C205.1,127,215.6,137.5,228.5,137.5z M228.5,100.5c7.5,0,13.6,6.1,13.6,13.6c0,7.5-6.1,13.6-13.6,13.6c-7.5,0-13.6-6.1-13.6-13.6C214.9,106.6,221,100.5,228.5,100.5z'/></g></svg>");
display:block;
width:22px;
height:10px;
margin:10px 5px 0 10px;
}

Answer 1

如果你的意思是想用CSS改变SVG中元素的颜色，那么你就不走运了。您可以做的最好的事情是将content替换为具有已修改颜色的其他DataURI。

原因是当外部SVG作为图像加载时，它基本上与它是PNG一样。它的DOM是不可访问的，因此它中的任何内容都不能用CSS选择器引用。

Css svg image更改填充之前

1 个答案: