CSS颜色到：：未应用后

使用引导程序5。我正在尝试对引导手风琴中按钮中的

：：之后的
元素应用一些颜色：


硬件
...

引导：：after是：

。手风琴按钮：：之后{
弹性收缩：0；
宽度：1.25雷姆；
高度：1.25雷姆；
左边距：自动；
内容：“；
背景图像：url（“数据：image/svg+xml…”）；/*为了清晰起见，缩短了url*/
背景重复：无重复；
背景大小：1.25rem；
转换：转换。2s轻松输入输出；
}

呈现为：


：：after
元素几乎看不见，因此假设我想将颜色更改为红色。我使用以下css：

#accordionSidebar>div>h2>按钮：：after{
颜色：红色！重要；
}

对于此图标：


但该样式不适用。我遗漏了什么或做错了什么？
没有
内容
，什么应该是红色？您只是想更改按钮文本吗？在做了什么之后呢？还有一个注意事项：你的HTML标记没有意义<代码>硬件
是标题，或者按钮从不同时出现。@pavel用元素的引导代码更新了问题。关于标记，。那么您正在尝试更改通过
背景图像实现的SVG图像内容的颜色
color
不是正确的属性，修改SVG中包含的元素的颜色通常意味着设置
fill
属性。但在这种情况下，您也不能这样做——应用于具有背景图像的元素的CSS不会“滴入”SVG。从主文档的样式表操纵SVG中元素样式的唯一方法是通过
将SVG直接嵌入HTML中。