更改对话框的灰色

Question

我正在使用以下对话框，我想将按钮的灰色和标题更改为蓝色， 我应该怎么做？

这是代码

 $dialog.dialog({
            autoOpen: false, 
            modal: true,    
            show: {effect: 'fade', duration: 2000},
            buttons: {       

Answer 1

JqueryUI有ThemeRoller，可以让你设计样式。你也可以手动完成，但你应该先检查一下：

http://jqueryui.com/themeroller/

Answer 2

这样可以设置按钮的样式。

  open: function (e, ui) {
        $(this).parent().find(".ui-dialog-buttonpane .ui-button")
            .addClass("orange");
    }
});

<强> CSS

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .orange {
   /* put styling here */
}

标题栏：

.ui-dialog > .ui-widget-header {background: red;}

Answer 3

这是代码 -     $ div.dialog（{        莫代尔：是的，         maxHeight：500，     }）分组（）的CSS（ “背景 ” “蓝”）。“ UI-对话框的标题栏。”;