Html 标题按钮是方形的，而不是圆形的

我原以为我的按钮在标题是四舍五入，但相反，他们出来的广场。请参见屏幕截图中的主页按钮：

我的CSS：

#main {
   text-overflow: ellipsis;
   overflow: visible;
   white-space: normal;
}
a {
    text-decoration: none;
}
.ui-header .ui-title {
    overflow: visible !important; 
}
.ui-header {
    min-height: 40px;
}

声明标头的html片段：

  <div data-role="page" id="settings">
       <div data-role="header" data-position="fixed">
          <a href="#home"  data-icon="home" data-iconpos="notext">Home</a>
          <h1>App</h1>
       </div>
       ...

我希望看到类似的按钮：

---

对于圆角，任何指针都很受欢迎……

我希望类似于：

#home {
border-radius: 5px;
}

---

不幸的是，这也是CSS实现之间的差异，因此如果这不起作用，请提供有关您使用的工具版本的更多信息。

问题是由于我的代码中的这一行：

$('a').buttonMarkup({ corners: false });

---

删除它修复了问题：$

它在Chrome、Firefox和IE上看起来不错，你在测试什么浏览器？我正在使用cordova在android 4.4.4物理设备上运行它，所以我相信它将包装webkit。如果你在Firefox/Chrome上打开网站，链接看起来是方形还是圆形？如果我在设备上的Chrome中打开链接，按钮看起来是圆形的。对于jQM 1.4.x，请尝试直接使用类而不是数据属性：