使用边框半径时，Safari中显示线条

问题描述

在使用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,output

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）