html - 带 svg 的图像边框 - 填充

Question

我有一个使用 SVG 的图像边框样式的元素。我想使用 CSS 更改 SVG 的颜色。正常的填充：颜色属性适用于直接路径和 svg 元素，但我无法使用填充来更改图像边框的颜色。

我当前的代码：

<div class="test">
test
</div>

和CSS：

.test{
border-image-source: url("dots.svg");
border-width: 0 0 8px 0;
border-image-slice: 29% 29%; 
border-image-repeat: round;

fill: green;
}

如何更改图像边框中的 SVG 颜色？