Html 为什么'；SVG背景颜色改变？

我在使用base64编码的SVG时遇到了一个问题。我使用了以下SVG：

我通过以下方式传递了此文件： &

最后，我创建了一个包含两个类的a元素

.ui-icon-btn {
    display: block;
    background-color: red; //just a randomly picked color
}
.ui-icon-menu {
    display: block;
    width: 48px;
    height: 48px;
    background: url('data:image/svg+xml; base64, [...]');

}

当我打开Chrome的DevTools时，它告诉我颜色已经被覆盖了。我怎样才能避免这种情况

---

只需将

.ui图标btn

放在CSS中

.ui图标菜单

之后即可

当从上到下读取样式表时，它被覆盖

---

或者，您可以使用

background image

来添加图像，而不仅仅是

background

，这样它就不会被覆盖

只需将

.ui图标btn

放在CSS中

.ui图标菜单

之后即可

当从上到下读取样式表时，它被覆盖

---

或者，您可以使用

background image

来添加图像，而不仅仅是

background

，这样它就不会被覆盖

在

image/svg+xml之间有一个空格和
base64
。根据规范，这是不允许的。请参阅此更正的小提琴：

除此之外，如果希望保持颜色完整，请仅设置
背景图像
属性。
在
图像/svg+xml之间有一个空格和
base64
。根据规范，这是不允许的。请参阅此更正的小提琴：

除此之外，如果要保持颜色完整，请仅设置
背景图像
属性。
背景：
行是设置
背景图像
，
背景颜色
，
背景位置
等的简写。如果改为
背景图像：
，它不会覆盖
背景色
样式。
背景：

行是设置

背景图像

，

背景色

，

背景位置

等的缩写。如果改为

背景图像：

，它不会覆盖

背景色

样式。

可能是关于特殊性的问题。。你能提供一个SVG的例子吗？我把它添加到了我的帖子中。可能是关于特殊性的问题。。你们能提供一个SVG的例子吗？我把它添加到了我的帖子中。我会尽量把它保存在内存中，谢谢！我感谢你的帮助我会试着记住这个，谢谢！我感谢你的帮助

.ui-icon-menu {
    display: block;
    width: 48px;
    height: 48px;
    background: url("");
}
.ui-icon-btn {
    display: block;
    background-color: red;
}