为什么在PC浏览器和移动浏览器之间以虚线显示虚线边框？

Question

css：

border-left:6px dotted rgb(245,245,245);

在PC上，chrome浏览器呈现如下： 但是，在手机上，浏览器（这里专门指的是iPhone的Safari）呈现如下所示： 鉴于第一个结果可以满足需求，我该如何将移动Safari上的“正方形链”更改为像Chrome一样的圆点线？