如何解决 JQuery Mobile `ui-corner-all` Corners

Posted 2023-05-08

【中文标题】如何解决 JQuery Mobile `ui-corner-all` Corners

【英文标题】：How do I solve JQuery Mobile `ui-corner-all` Corners

【发布时间】：2014-05-09 21:00:12

【问题描述】：

我目前正在将 JQuery Mobile 1.4.0 用于 PhoneGap 应用程序，但我遇到了拐角没有正确形成的问题（它们是平的而不是弯曲的）。当我使用 JQuery Mobile 1.3.2 时，它没有这个问题。我已经尝试降级/升级 Jquery.js 库，但仍在寻找解决方案，我什至创建了自己的主题，但仍然没有解决方案。以下是正在谈论的内容的屏幕截图。

注意： - 所有库都正确连接 - 它适用于 Firefox 和 chrome 桌面浏览器 - 我在 android 4.2.1 上测试

谢谢，我们将不胜感激。

【问题讨论】：

将ui-corner-all 添加到弹出的 div 和锚标记。你可以在任何地方使用这个类。

我正在使用它。问题是它不能正常工作

.ui-corner-all的css规则里有边框半径吗？

在主题的.CSS文件中？

【参考方案1】：

在 .ui-corner-all 上，尝试添加这个...

.ui-corner-all
     border-top-left-radius: .3125em;
     border-top-right-radius: .3125em;
     border-bottom-left-radius: .3125em;
     border-bottom-right-radius: .3125em;

我发现了这个帖子：Galaxy S4 stock browser CSS3 border-radius support?