提升高度

Question

我想增加在jQuery Mobile的創建幾個按鈕的高度，但CSS像下面不工作：

a[data-role="button"] { 
    height: 200px; 
    font-size: 48px; 
} 

是否有另一種方式做到這一點？也許動態使用jQuery應用一個新的高度，然後調用一個函數來重新繪製按鈕？

Answer 1

這個工作對我的jQuery Mobile的應用程序：

.ui-btn { height: 200px; font-size: 48px; } 

但要確保在CSS是移動CSS加載了jQuery後發生的（具體爲：jquery.mobile.structure.css）

如果它仍然給你帶來麻煩，嘗試包裹按鈕的容器和使用：

#container-id .ui-btn { height: 200px; font-size: 48px; } 

如果它仍然給你帶來麻煩，你總是可以（不推薦）使用的重要聲明！

.ui-btn { height: 200px !important; font-size: 48px !important; } 

但同樣，是真的不推薦「重要」的聲明，我通常只使用他們作爲健全性檢查，以確保我選擇合適的元素，同時調試。

編輯：

如果你想動態路由：

jQuery代碼：

$(document).ready(function() { 
    styles = { 'height': '200px', 'font-size': '48px' }; 
    $('.ui-btn').css(styles); 
}); 

應該工作...雖然現在我想想，我認爲jQuery Mobile的做一些javascript處理（我知道它把你的標記包裝在一個引用當前頁面url的div中）。