Webkit 按钮 : background color overflows round corners

Question

我正在尝试使用 -webkit-border-radius 制作一个圆形按钮

这给了我这个按钮(在 Safari 中):

你可以看到背景颜色在四舍五入中溢出。我尝试更改边框大小和半径，但没有帮助。这是 Safari 的渲染错误还是什么？

Answer 1

在 http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed?d1dc0f00 上找到了它Mike Harding 的博客:

-webkit-background-clip: padding-box;