渲染边界半径在Safari为Mac

Question

我有一个问题，元素角落，其中有边界半径的渲染。

我用下面的代码，并将其在Windows上的所有主流浏览器，包括Safari工作。现在

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

我的客户拥有Mac机和Safari浏览器和丑陋边框渲染，这是问题的下面是屏幕截图。

有谁知道是这样的渲染的原因是什么？ （The original page）

Answer 1

你应该尝试为Mac的Safari

-webkit-background-clip: padding-box;