webkit botón: color de fondo se desborda esquinas redondas

Question

Estoy tratando de hacer un botón redondeado utilizando -webkit-border-radius

Esto me da este botón (en Safari):

Se puede ver que el color de fondo se desborda en el redondeo. He intentado cambiar el tamaño del borde y el radio, pero no ayuda. Es este un error de representación con Safari o algo?

Answer 1

Está dirigido aquí en http: // volteo. el blog de sneak.co.nz/post/928998513/fixing-the-background-bleed?d1dc0f00 Mike Harding:

-webkit-background-clip: padding-box;

Answer 2

Parece que este es un error de representación con WebKit. Adam Betts en Twitter :

  

Estamos en Safari 5 y la frontera de radio   artefactos todavía está aquí. ¿Por qué no es   esto ya fijado?    http://lensco.be/test/border-radius-artifacts/