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中忽略了font size属性。它使用默认字体大小（16px？）绘制。我可以通过添加以下代码行来更改字体大小：

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

但现在文本的垂直对齐关闭：它与原始字体大小文本的下边界对齐。

有什么想法吗？

Answer 1

设置字体大小：

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

要使文本居中，您还需要更改填充：

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

（使用jQuery Mobile 1.2测试）

Answer 2

我认为font-size中的冲突可能与jQuery Mobile 1.1.1设置的行高有关。这会解决它吗？

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

编辑 - 尝试在css中为#Button元素的所有子项设置line-height：

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

Answer 3

到目前为止我发现的另一个解决方案是添加{padding：5px; }用于特定按钮。这有效，文本垂直对齐，但第二层显示在按钮文本周围。不知道如何摆脱它。