Django中的CSS SVG背景图像

Question

我使用了使用 bootstrap 5 的模板，

在 css 中我可以找到： background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'/><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");

django 好像没有找到这个网址

用于选择表单的 bootstrap 5.0 css 不起作用并显示标准选择框而不是 bootstrap 5 外观 .

谢谢帮助

Answer 1

svg 的问题通常是一些应用程序/浏览器会因为缺少一行而忽略它们。

将 svg 代码添加到单独的文件中并另存为 svg。 在文件顶部添加：<?xml version="1.0" encoding="UTF-8"?> 这确保 svg 可读。

现在您唯一需要做的就是将background-image 添加为图像本身，例如：background-image: url("/images/name.svg");