css - 使用边框半径时在 Safari 中显示线条

Question

使用 Safari 时（我使用的是 14.0，但它显示在其他版本上）并且border-radius，我得到这些行，如屏幕截图所示。

如果我删除border-radius，线条就会消失。

<div class="modal">
  <h3>Hello</h3>
  <p>some stuff</p>
</div>

body {  
  background-color: green;
}

.modal {
  border-top: 4px solid red;
  background-color: white;
  border-radius: 6px;
  padding: 15px;
}

这是一个 JSBin，可以看到它的实际效果：https ://jsbin.com/todumosoye/3/edit?html,css,output