jQuery Mobile - 更大的标题按钮

Question

我正在为iPhone应用程序使用jQuery Mobile。我不太喜欢页眉中按钮的大小/形状。我认为他们太小太圆了。我只在按钮上使用了一个图标，而且它们很小且很难击中设备。我想要更多的方形和更大的按钮，就像Facebook应用程序中的按钮一样。有没有办法通过CSS来实现这一点？如果是这样，我该怎么做？ 顺便说一句，我不想​​改变所有的按钮，只是标题按钮！

Answer 1

试试这个。它只会改变给定标ID头的按钮是头部

#header button{height:50px;width:200px;} 

Answer 2

您可以通过只指定由JQM提供的按钮attribs有方形按钮。

<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位置，一旦你增加的高度中心的东西在头自己休息标题。