Pulsante Webkit: colore di sfondo overflow angoli arrotondati

Question

Sto cercando di creare un pulsante tondo utilizzando -webkit-border-radius

Questo mi dà questo pulsante (in Safari):

Si può vedere che i trabocchi colore di sfondo l'arrotondamento. Ho provato a cambiare dimensione del bordo e del raggio, ma non aiuta. Questo è un bug di rendering con Safari o qualcosa del genere?

Answer 1

E 'indirizzato qui http: // asciuga. il blog di sneak.co.nz/post/928998513/fixing-the-background-bleed?d1dc0f00 Mike Harding:

-webkit-background-clip: padding-box;

Answer 2

Sembra che questo è un bug di rendering con WebKit. Adam Betts su Twitter :

  

Siamo in Safari 5 e border-radius   artefatti è ancora qui. Perché non è   questo fisso già?    http://lensco.be/test/border-radius-artifacts/