Firefox中使用border-radius和border的圆圈上的针迹：虚线

Question

我正在尝试用针迹图案设计一个半圆形。

但是使用我当前的代码，它没有在外面获得虚线模式（我知道这是fragment正在这样做。）

Chrome正在产生正确的结果，但在Firefox中我得到以下结果：

我目前的代码：

border-radius

Answer 1

Firefox实际上是一个已知错误，无法在边界半径周围渲染虚线边框：

All credits go to Thyngster

该错误目前的状态为＆＃34; ASSIGNED＆＃34;，所以运气好的话很快就会修复。

在做了更多研究之后，似乎有一种解决方法涉及使用div:before伪元素 - 请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=382721进行演示。感谢此解决方案this fiddle。