html - 标题按钮是方形而不是圆形

Question

我希望标题中的按钮是圆形的，但它们却是方形的。查看屏幕截图中的主页按钮：

我的 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>
       ...

我期待看到类似于这些的圆形按钮：

任何指针表示赞赏...

Answer 1

对于圆角，我希望是这样的：

#home {
border-radius: 5px;
}

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

Answer 2

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

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

删除解决了问题：$