Bouton Webkit: couleur de fond déborde coins arrondis

StackOverflow https://stackoverflow.com/questions/1971791

  •  21-09-2019
  •  | 
  •  

Question

Je suis en train de faire un bouton arrondi à l'aide -webkit-border-radius

Cela me donne ce bouton (dans Safari):

coin rond avec la couleur d'arrière-plan

Vous pouvez voir que les trop-pleins de couleurs d'arrière-plan dans l'arrondissement. J'ai essayé de changer la taille de la frontière et le rayon, mais il ne permet pas. Est-ce un bug de rendu avec Safari ou quelque chose?

Était-ce utile?

La solution

Il est adressé ici http: // sèche. sneak.co.nz/post/928998513/fixing-the-background-bleed?d1dc0f00 Mike blog de Harding: 

-webkit-background-clip: padding-box;

Autres conseils

On dirait que c'est un bug de rendu avec WebKit. Adam Betts sur Twitter :

  

Nous sommes à Safari 5 et le rayon de la frontière   artefacts est toujours là. Pourquoi pas   que ce soit réglé déjà?    http://lensco.be/test/border-radius-artifacts/

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top