在 Safari for Mac 中渲染边框半径答案

【问题标题】：Rendering border-radius in Safari for Mac在 Safari for Mac 中渲染边框半径
【发布时间】：2013-01-14 22:27:42
【问题描述】：

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

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

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

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

有谁知道这种渲染的原因是什么？ (The original page)

【问题讨论】：

可能他的mac osx版本的webkit有问题，可能会做出一些意想不到的决定，试试-webkit-appearance: none;看看它是否解决了边界半径问题

【解决方案1】：

你应该试试 Mac Safari

-webkit-background-clip: padding-box;

【讨论】：