如何在CSS中勾画圆圈

Question

如何使用CSS创建圆的轮廓，只是在圆的内部是空的时候有一个圆的笔划？

我试过边框，但它没有在chrome只显示firefox。
我试过了：

box-shadow: 0 0 0 0.15em #000;

它在chrome上看起来很棒，但在firefox中它看起来不均匀锯齿状 。
有没有人有什么建议？
这是用于检查/填写的圆圈。

Answer 1

它看起来像FireFox问题......

一种方法是在圆圈内显示shadow ，而不是在外面。

box-shadow: inset 0 0 0 0.15em #000;

Answer 2

尝试这个：

.circle {
  border: 1px black solid;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  background-color: white;
}

它应该适用于chrome，特别是这样做。