safari 中的虚线边框显示不正确答案

【问题标题】：dotted border is displayed incorrectly in safarisafari 中的虚线边框显示不正确
【发布时间】：2017-09-02 12:44:34
【问题描述】：

我的问题是 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 中的显示方式：

【问题讨论】：

我不确定，但试试-webkit- 属性可能是它的工作。
这很可能是您的dot.svg 的问题。可以附上svg代码吗？

标签： html css google-chrome safari

【解决方案1】：

我不确定它在 safari 中是否有效，但您可以尝试。

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

你可以改变它你想要的方式，比如边框底部。

【讨论】：