如何使用 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 */
}