啊哈,是的,看起来这就是为什么更改不起作用的原因——实际上没有 <svg> 标签。我不认为组件将其放入 <img> 标签是一个错误。这只是显示 SVG 的一种方式,但确实使样式设置更加困难。如果您可以访问 SVG 文件本身,您可以在那里更改描边或填充颜色(它将是一个像 stroke="black" 这样的属性,并且可能不止一个)。
如果您无法编辑 SVG,可以尝试使用 CSS 滤镜。这些滤镜可以为元素添加某些视觉效果。由于它们现在似乎是黑色的,我们可以尝试反转它们以获得白色。
.custom-header-icon-link img {
filter: invert(100%);
}
请注意,选择器现在需要是 img 而不是 svg