safari - 在 Safari for Mac 中渲染边框半径

Question

我在渲染具有边界半径的元素角时遇到问题。

我使用以下代码，它适用于 Windows 上的所有主要浏览器，包括 Safari。

border: 1px solid #555;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

现在我的客户有一个 Mac 和一个 Safari 浏览器，下面是丑陋的边框渲染的屏幕截图，这就是问题所在。

有谁知道这种渲染的原因是什么？（原页面）

Answer 1

你应该试试 Mac Safari

-webkit-background-clip: padding-box;