渲染邊界半徑在Safari爲Mac

我有一個問題，元素角落，其中有邊界半徑的渲染。渲染邊界半徑在Safari爲Mac

我用下面的代碼，並將其在Windows上的所有主流瀏覽器，包括Safari工作。現在

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

我的客戶擁有Mac機和Safari瀏覽器和醜陋邊框渲染，這是問題的下面是屏幕截圖。 Corners in Mac Safari

有誰知道是這樣的渲染的原因是什麼？（The original page）

2013-01-14 bogatyrjov

也許在他的Mac OSX版本的WebKit是出問題的，它可能需要一些意想不到的決定，嘗試-webkit-外觀：無;看看它是否能解決邊界問題 –

-1

你應該嘗試爲Mac的Safari

-webkit-background-clip: padding-box;

2013-01-14 14:27:42

回答