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 はきっと感謝するでしょう ;)