jquery - 仅限 iOS 上的圆形 div/按钮？？？ jQuery、ajax、CSS

Question

我一直在开发一个使用 API 并动态创建按钮的客户端。在每个平台上一切都很好，chrome 开发工具在每个“设备”上都没有表现出异常。我把它放在 AWS 上以在实际设备上进行测试。在除 iOS(iphone 和 ipad)之外的所有设备上工作/看起来都符合预期，div/按钮被四舍五入。还有其他人看到这个问题吗？更好的是知道如何修复它？这是链接:

https://s3.us-east-2.amazonaws.com/rpjr/GitHubAPI/index.html

Answer 1

iOS 正在将默认浏览器样式应用到您的 <button>元素(不是 div )。

添加这个 CSS 规则来修复它:

.tapMe {
  -webkit-appearance: none;
}

如果这仍然不能解决圆 Angular 问题，请添加 border-radius: 0到那个元素。