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

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;
}