更改 URL 中的 XML SVG 填充答案

【问题标题】：Changing XML SVG fill within a URL更改 URL 中的 XML SVG 填充
【发布时间】：2021-06-10 20:09:23
【问题描述】：

试图了解填充的格式，这样我就可以为适当的设计更改颜色。

标准 bootstrap 5 手风琴箭头。

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

填充='%23212529' 这是什么格式，我可以改一下吗？

【问题讨论】：

%23 是 # 的 URL 编码。其余的只是每个w3.org/TR/css-color-3/#rgb-color 的填充的 RGB

标签： html css svg fill

【解决方案1】：

这样使用填充='%230f70d0'

所以，

%23 => #
0f70d0 => 颜色十六进制代码摘录#

在 %23 之后，您可以使用颜色十六进制代码示例：#0f70d0 => %230f70d0

【讨论】：