如何通过css更改svg图像的颜色

Question

我正在创建一个html页面，我有svg格式的所有图标。我可以用css更改svg图像的颜色吗？有可能吗？

    

int asciiOffset = 55;
char hex = 'A';  // Uppercase A-F
int val = hex - asciiOffset;

Answer 1

不可能。您需要更改HTML。我通常这样做的一种方法是将SVG文件嵌入到页面中并将其包装在像下面这样的容器元素中......

<div class="logo">
   <svg>
   ...
   </svg>
</div>

使用此课程，您可以轻松定位svg使用css基于子项的选择器，如下所示...

.logo{
    width: 48px;
    height: 48px;
}

.logo svg{
    width: 48px;
    height: 48px;
    fill: #000000;
}