私はjQuery UI 1.8を使用していて、次のコードを持っています。どのようにjQueryのUIで大きな見ているダイアログのタイトルを避けるために?
var newDiv = $(document.createElement('div'));
$(newDiv).html('hello there');
$(newDiv).attr('title','Dialog Title');
$(newDiv).css('font-size','62.5%');
$(newDiv).dialog();
何らかの理由でタイトルが本当に大きく見えます。例についてはthis jsFiddleを参照してください。
これをjQuery demoのバージョンのように見せる方法があれば?
は、スタイルは、 '.ui-ダイアログtitlebar'に適用されるべきではありませんか? '.ui-dialog'はダイアログ全体のフォントサイズに影響します。これはまだ誰も言及していませんが、タイトルバーを '.ui-dialog-titlebar {padding:0 0.5em!important; } ' –
この回答からほぼ1年が経過しましたが、jQueryモバイルはそのサイズのフォントサイズに大きく依存しているように見えました。したがって、あなたはタイトルにのみ適用することができますが、それは不均衡な外観を引き起こす可能性があります。重要なルールをタイトルバーに適用することもできますが、再び不均衡な部分のリスクがあります。しかし、もっと重要なのは、あなたが見ることができないスタイルが使用されていないことです。個人的にそれらをすべて追いかけるのではなく、私はフォントサイズを設定することを好むでしょう。開発の1年後にはこれはすべて問題になるかもしれませんが、タイトルバーだけを変更したい場合は、コードが機能するはずです。 –