在safari中错误地显示虚线边框

Question

我遇到的问题是在Safari中错误地显示了边框。 是否有任何CSS设置需要考虑？或者缺少什么？谢谢。

这是CSS：

.border-dotted {
border-width: 0px 0px 7px 0px;
border-style: dotted;
border-color: black;
border-image-source: url(/img/dot.svg);
border-image-slice: 36% 38%;
border-image-repeat: round;
}

这是它在Safari中的显示方式：

这是在Chrome中显示的方式：

Answer 1

我不确定它在野生动物园中是否有效，但你可以试试。

.border-dotted{
border: 7px dotted black;
}

你可以像边框底部一样改变它。