我有一个徽标需要出现在我正在开发的网站的页眉和页脚中,并且该网站有一个在浅色和深色模式之间切换的选项。我需要徽标的黑色元素在深色模式打开时显示为黑色,在浅色模式打开时显示为浅色。我尝试过以下CSS:
svg { 填充:=“当前颜色”}
但由于某种原因,这会导致黑色元素完全消失,而不是将它们设置为默认颜色。我怎样才能做到这一点?我知道的唯一其他潜在解决方案是将 svg 转换为字体,然后将其嵌入到网站中,但如果可能的话,我想避免这样做。
html css svg
css ×1
html ×1
svg ×1