设置边框半径时显示白色边框

Question

我正在使用react material-ui框架，当我尝试为圆圈border-radius的背景<div>设置svg时，Chrome中显示了一个狭窄的白色边框。

有人知道我如何隐藏此白色边框并使笔触边缘平滑且锋利吗？

我设置了此CSS代码：

svg {
  border-radius: '50px';
  background-color: white;
}

，这是我工作的示例代码： Code Pen link

Answer 1

尝试添加：

svg {
  shape-rendering: optimizeSpeed;
}