html - 带虚线或虚线边框的圆圈

Question

使用这种 CSS 样式，我希望有一个带虚线边框的圆圈：

div{
    border: 1px dotted #000;
    padding: 50px;
    border-radius: 100px;
    display: inline-block;
}

但是 Firefox 正在呈现实心边框（在这里摆弄）。有什么解决办法吗？

更新
这不再是一个问题。
已在 Firefox 50 中解决

Answer 1

如果您使用的是 Firefox，这是一个已知错误。您的选择是：

• 如果这只是为了一个圆圈，请用 绘制它<canvas>，例如，如此处所示
• 使用 SVG（可能是内联的），它支持各种方式来描边路径
• 只需制作一个PNG
• 修复错误，Mozilla 一定会欣赏的；）