aumento di altezza dei tasti jQuery Mobile

Question

mi piacerebbe aumentare l'altezza di pochi pulsanti creati con jQuery Mobile, ma i CSS come la seguente non funziona:

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

C'è un altro modo per fare questo? Forse applicare una nuova altezza in modo dinamico usando jQuery e quindi chiamare una funzione per ridisegnare il pulsante?

Answer 1

questo ha lavorato per la mia app mobile jQuery:

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

ma fare in modo che il CSS sta avvenendo dopo la jquery css cellulare viene caricato (in particolare: jquery.mobile.structure.css)

Se ti dà ancora problemi, provare avvolgendo i pulsanti in un contenitore ed impiego:

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

Se ancora ti dà fastidio, si può sempre (non raccomandato) utilizzare una dichiarazione importante:

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

Ma ancora una volta, sono davvero non raccomandati dichiarazioni "importanti", io di solito li uso solo come controlli di integrità per assicurarsi che io sto selezionando l'elemento di destra durante il debug.

EDIT:

Se si desidera che la dinamica del percorso:

codice jQuery:

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

dovrebbe funzionare ... anche se ora che ci penso credo cellulare jQuery fa alcuni javascript elaborazione (so che avvolge il tuo markup in un div con un riferimento all'URL della pagina corrente).