サファリに点線の枠が正しく表示されない

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; 
} 

ボーダーボトムのように変更できます。