2

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>

font size 属性は 1.1.1 では無視されています。デフォルトのフォント サイズ (16px?) で描画します。次のコード行を追加することで、フォント サイズを変更できます。

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

ただし、テキストの垂直方向の配置がオフになりました。元のフォント サイズのテキストの下限に合わせて配置されます。

何か案は？

4

3 に答える 3

1

これはフォントサイズを設定します:

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

テキストを中央に配置するには、パディングも変更する必要があります。

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

(jQuery Mobile 1.2 でテスト済み)

于 2012-10-24T10:48:21.720 に答える
0

これまでに見つけた別の解決策は、 { padding: 5px; を追加することです。特定のボタンの場合。これは機能し、テキストは垂直方向に配置されますが、ボタン テキストの周りに 2 番目のレイヤーが表示されます。それを取り除く方法がわかりません。

解決策について説明しているこのスレッドを参照してください。

于 2012-08-02T17:10:04.993 に答える
0

font-size の競合は、jQuery Mobile 1.1.1 が設定している line-height に関係している可能性があると思います。これで直りますか？

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

編集- #Button 要素のすべての子に対して、css で line-height を設定してみてください。

#Button1 *
{
    font-size:12px !important;
    line-height:12px !important;
}
于 2012-07-25T20:04:56.530 に答える