如何使用API​​更改jquery ui对话框按钮/背景颜色？

Question

我正在使用jquery ui对话框。我看过How to change the jquery ui dialog button color?，但看起来这个用户采用了不同的方法。

我正在使用对话框buttons选项。

这是我的javascript：

$(document).ready(function(){
    $("#credentialsDialog").dialog({
        autoOpen: false,
        buttons: {
            Submit: function() {
              $( this ).dialog( "close" );
            }
        },
        dialogClass: 'ui-dialog-titlebar'
    });
    $( "#opener" ).click(function() {
        $("#credentialsDialog").dialog('open');
    });
});

这是它所指的CSS：

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

我也试过这个found here：

buttons: {
            Submit: function() {
              $( this ).dialog( "close" );
            },
            'class': 'ui-dialog-titlebar'
        }

但这也不起作用。

更改按钮区域背景颜色的正确方法是什么？

到目前为止，这是我的对话框：

Answer 1

如果要设置按钮的样式，请使用以下命令对其进行设置：

.ui-dialog .ui-dialog-buttonpane button.ui-button {
/* your rules here */
}