html CSS SVG背景图像十六进制颜色变量不工作

nlejzf6q  于 2023-03-27  发布在  其他
关注(0)|答案(1)|浏览(142)

请看一下代码:JSFiddle
我需要在SVG背景图像代码中使用颜色变量(Eg: $primary),因为我的网站中有多个颜色主题。当我们添加$primary值作为直接颜色时(例如:$primary: blue)可以工作。但是HEX颜色代码($primary: #1828B4)不会在输出中呈现。
我知道使用%代替#可以解决这个问题。但是在这种情况下,当我们使用颜色变量时,这是不可能的!
请提供任何解决方案。

wbgh16ku

wbgh16ku1#

是否可以使用以下内容:
SCSS文件:

$primary: #CCC;

.svg {
  stroke: $primary;
}

相关问题