7

JQueryUIダイアログの背景色を変更したい。次のスタイルを使用して変更しましたが、機能します。しかし、問題はそれがまた影響することです、DatePickerダイアログタイトル。DatePickerタイトルではなく、Dialogタイトルのみを変更したい。ダイアログタイルの色のみを変更する方法を教えてください。ありがとう。

.ui-widget-header
{
    background-color: #F9A7AE;
    background-image: none;
    color: Black;
}
4

1 に答える 1

15

直接ターゲットにすることができますtitlebar。ダイアログプラグインは、ダイアログタイトルに対して次のようなHTMLを出力します。

<div class="ui-dialog-titlebar ui-widget-header">
  <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span>
</div>

（ここのダイアログページから取得）

.ui-dialog-titlebar {
  background-color: #F9A7AE;
  background-image: none;
  color: #000;
}

または、クラスをダイアログに渡すこともできます。

$('#foo').dialog({dialogClass: 'myClass'});

こちらをご覧ください

于 2012-10-15T10:47:16.453 に答える