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位置，一旦你增加的高度中心的東西在頭自己休息標題。