5

jquery uiダイアログボックスのタイトルの色やその他の属性を変更するにはどうすればよいですか

HTML :
<div id="dialog" title=""
style="display: none; font-size: 15px; width: 500; height: 300"></div>

javascript :
 $( "#dialog" ).dialog( "option", "title",title );

jqueryダイアログのタイトルをカスタマイズするアイデアを教えてください。よろしくお願いします。

4

1 に答える 1

15

これらのクラスは、ダイアログ ボックスのタイトルのコンテナーを形作ります

ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix

このクラスはテキストを形成します

ui-dialog-title

jquery ui スタイルの css ファイルでこれらのクラスを編集できます。または、独自の css ファイルでこれらを上書きすることもできます。

.ui-dialog-title{
    font-size: 110% !important;
    color: #FFFFFF !important;
    background: #000000 !important;
}

「!important」は必要ないかもしれません。

これは、開発者ツールを使用して自分で見つけることができます。

于 2012-10-22T07:48:48.737 に答える