jQuery Mobile - большие кнопки заголовка

Question

Я использую jQuery Mobile для приложения для iPhone. Мне не очень нравится размер/форма кнопок в заголовке страницы. Я думаю, что они слишком маленькие и слишком округлые. Я использую только иконку на кнопках, и они крошечные и трудно нажимать на устройство. Я хотел бы больше квадратных и больших кнопок, например, в приложении Facebook. Есть ли способ архивировать это через css? Если да, то как мне это сделать? Btw, я не хочу менять ВСЕ кнопки, только кнопки заголовка!

Answer 1

Попробуйте .Это будет только изменить кнопку в заголовке данного заголовка идентификатор заголовка

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

Answer 2

Вы можете иметь квадратные кнопки, просто указав кнопку attribs, предоставляемые 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 позиций, как только вы увеличить высоту заголовок.