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

問題は、私のコードの次の行が原因でした:

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

それを削除すると問題が解決しました:$

Answer 2

角が丸い場合は、次のようになります。

#home {
border-radius: 5px;
}

残念ながら、これは CSS の実装によっても異なるため、これが機能しない場合は、使用しているツールのバージョンに関する詳細情報を提供してください。