在运行时更改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。