小编use*_*284的帖子

创建在浅色模式下显示为黑色、在深色模式下显示为浅色的 SVG

我有一个徽标需要出现在我正在开发的网站的页眉和页脚中,并且该网站有一个在浅色和深色模式之间切换的选项。我需要徽标的黑色元素在深色模式打开时显示为黑色,在浅色模式打开时显示为浅色。我尝试过以下CSS:

svg { 填充:=“当前颜色”}

但由于某种原因,这会导致黑色元素完全消失,而不是将它们设置为默认颜色。我怎样才能做到这一点?我知道的唯一其他潜在解决方案是将 svg 转换为字体,然后将其嵌入到网站中,但如果可能的话,我想避免这样做。

html css svg

20
推荐指数
2
解决办法
3万
查看次数

标签 统计

css ×1

html ×1

svg ×1