从CSS中设置边框图像svg(颜色)的样式?

Question

是否可以从css中样式填充自定义边框图像？ 我应该使用哪个属性？

例如

border-image-source:url('assets/images/dots_new.svg');
border-color: red; /* doesn’t work */
fill: red; /* doesn’t work */

Answer 1

No.这是不可能的。 SVG 是外部文件，不能从页面中的 CSS 设置样式。

您能做的最好的事情就是将样式添加为 SVG 中的<style>块。 但是，当然，这意味着每种颜色组合必须有一个SVG文件。