Erhöhung Höhe von jQuery Mobile Tasten

Question

Ich mag würde die Höhe von ein paar Tasten in jQuery Mobile erstellt erhöhen, aber CSS wie folgt funktioniert nicht:

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

Gibt es eine andere Möglichkeit, dies zu tun? Vielleicht eine neue Höhe dynamisch mit jQuery anwenden und dann eine Funktion aufrufen, um die Schaltfläche neu zu zeichnen? Diese

Answer 1

arbeitete für meine jQuery mobile app:

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

Aber stellen Sie sicher, dass die CSS auftritt nach dem jQuery Mobile CSS geladen wird (genauer gesagt: jquery.mobile.structure.css)

Wenn es gibt weiterhin Probleme, versuchen Sie die Tasten in einem Behälter und Verwendung Verpackung:

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

Wenn Sie Probleme sTILL gibt, können Sie immer (nicht empfohlen) verwenden, um eine wichtige Aussage:

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

Aber auch hier „wichtig“ Aussagen sind wirklich nicht zu empfehlen, ich in der Regel nur, um sie als Plausibilitätsprüfungen verwenden, um sicherzustellen, dass ich das richtige Element bin Auswahl beim Debuggen.

EDIT:

Wenn Sie die dynamischen Routen wollen:

jQuery-Code:

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

funktionieren soll ... obwohl jetzt, wo ich darüber denke ich jQuery Mobile denke einige Javascript tut Verarbeitung (Ich weiß, dass es Ihr Markup in einem div mit einem Verweis auf die aktuelle Seiten-URL umschließt).