在運行時更改jQuery Mobile按鈕的字體大小

Question

jQuery Mobile 1.1.1更改了按鈕的形成方式。以前，我可以設置按鈕的字體大小，如下所示：

<div id="Button1" data-role='button' data-inline=true data-theme=c 
data-icon=false data-iconpos=none style="font-size:12px;">Button</div> 

在1.1.1中字體大小屬性被忽略。它使用默認的字體大小（16px？）繪製。我可以通過添加這行代碼更改字體大小：

$('#Button1').children().children().css('font-size','12px'); 

但現在文字的垂直對齊方式是關閉的：它與原來的字體大小的文本的下邊界對齊。

任何想法？

Answer 1

此設置字體大小：

$('#Button1').children().children().css('font-size','12px') 

要居中的文字，你也想改變填充：

$('#Button1').children().css('padding','6px') 

（使用jQuery移動測試1.2）

Answer 2

我認爲字體大小的衝突可能與無論線高度jQuery Mobile 1.1.1設置。這會解決它嗎？

$('#Button1').children().children().css('font-size','12px').css('line-height','12px'); 

編輯 - 嘗試在CSS設置行高，爲＃鍵元素的所有孩子：

#Button1 * 
{ 
    font-size:12px !important; 
    line-height:12px !important; 
} 

Answer 3

另一種解決方案，到目前爲止，我發現是添加{填充：5px的; }爲特定的按鈕。這可以工作，文本垂直對齊，但第二層出現在按鈕文本週圍。不知道如何擺脫這一點。

看到這個thread which discusses the solution。