Html 虚线框

我有点边框框，它在chrome中看起来很合适，但在firefox中看起来不合适

.circle {
    border: 1em dotted #235ea4;
    border-radius: 7em;
    height: 7em;
    margin: 2em auto 0;
    padding: 2em;
    text-align: center;
    width: 7em;
}

---

请帮助解决此问题。

这是Firefox中的一个bug，-它于2007年打开，但尚未修复。

是mozilla Firefox的一个开放bug

---

@Bhumi Shah您试图解决的问题是，仅仅使用CSS无法实现。如果您可以使用

SVG

，那么

SVG

可能就是解决方案。使用SVG，您可以创建带虚线边框的圆形。请看一下使用SVG制作的

是的，我已经检查过了，但是我们可以用其他方法吗？画布或其他东西啊，我已经检查过了，但我们可以用其他方法吗？这是一个糟糕的解决方案，但我认为只有：（使用背景图像）