Webkit -Schaltfläche: Hintergrundfarbe überläuft runde Ecken

Question

Ich versuche einen abgerundeten Knopf mithilfe -webkit-border-radius

Dies gibt mir diesen Knopf (in Safari):

Sie können sehen, dass die Hintergrundfarbe in der Rundung überläuft. Ich habe versucht, die Grenzgröße und den Radius zu ändern, aber es hilft nicht. Ist das ein Rendering -Fehler mit Safari oder so?

Answer 1

Es wird hier angesprochen http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed?d1dc0f00 Mike Hardings Blog:

-webkit-background-clip: padding-box;

Answer 2

Es sieht so aus, als wäre dies ein Rendering -Fehler mit Webkit. Adam Betts auf Twitter:

Wir sind bei Safari 5 und Grenze-Radius-Artefakte sind immer noch da. Warum ist das nicht schon repariert? http://lensco.be/test/border-radius-artifacts/