html - Safari 中的 CSS block 状圆 Angular

Question

我正在尝试使用具有这些属性的 css 制作一个圆形按钮:

width: 60px;
height: 60px;
color: #5A5A5A;
border-radius: 50%;
border: 2px solid;
display: inline-block;

结果在 chrome 中很好，但在 safari 中它有“ block 状”边缘。有什么方法可以正确地使边缘变圆吗？

http://jsfiddle.net/5gh75oab/

Answer 1

根据您使用的 Safari 版本，它可能已经过时并且无法像其他浏览器那样清晰地解释事物。通常，您可以用网络语言完成的新代码或事情可能会被遗忘。圆 Angular 之类的东西与旧的 IE 浏览器或 Safari 等不兼容。

解决方法是使用适用于 Safari 的 webkit。

查看此引用资料，它应该很简单并可以解决您的问题。

link here