带有SVG的图像边框-填充

Question

我有一个元素，该元素使用SVG使用图像边框进行样式设置。 我想使用CSS更改SVG的颜色。 正常的fill：color属性可用于直接路径和svg元素，但我无法使用fill来更改图像边框的颜色。

我当前的代码：

<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颜色？