3

iPhoneアプリにjQuery Mobileを使用しています。ページ ヘッダーのボタンのサイズ/形状があまり好きではありません。小さすぎて丸すぎると思います。私はボタンにアイコンのみを使用していますが、それらは小さくてデバイス上で押しにくいものです。Facebook アプリのような、もっと正方形で大きなボタンが欲しいです。css を介してこれをアーカイブする方法はありますか? もしそうなら、どうすればいいですか？ところで、すべてのボタンを変更したくはありません。ヘッダー ボタンだけです。

4

2 に答える 2

9

JQMが提供するボタン属性を指定するだけで四角いボタンを作ることができます。

<a data-icon="arrow-l" data-inline="true" data-iconpos="notext" data-corners="false">A Button</a>

サイズを大きくする場合。次のスタイルをオーバーライドする必要があります。

.ui-header .ui-btn, .ui-header .ui-icon, .ui-header .ui-btn-inner {
    width: 45px;
    height: 45px;
}
.ui-header .ui-btn-inner .ui-icon{
    margin: 0px;
    border-radius: 0;
}
.ui-header {
    height: 60px;
}
​

これを確認してください：http://jsfiddle.net/nirmaljpatel/qU5q4/

topヘッダーの高さを増やしたら、ヘッダーの残りの部分を自分で位置を指定して中央に配置する必要があることに注意してください。

于 2012-06-15T11:40:07.923 に答える
4

これを試してください。ヘッダーIDがヘッダーである場合、ヘッダーのボタンのみが変更されます

#header button{height:50px;width:200px;}
于 2012-06-15T07:54:12.150 に答える