Javascript jQuery中对话框左侧的按钮

Javascript jQuery中对话框左侧的按钮,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我正在使用jquery显示一个对话框,如下所示: $("#dialog").dialog({ autoOpen: true, modal: true, title: "Group Invitation", width: 600, height: 300, resizable: false, buttons: { "Yes": function() {

我正在使用jquery显示一个对话框,如下所示:

$("#dialog").dialog({
        autoOpen: true,
        modal: true,
        title: "Group Invitation",
        width: 600,
        height: 300,
        resizable: false,
        buttons: {
            "Yes": function() {
                $(this).dialog("close");

                callback(true,myRowID);
            },
            "No": function() {
                $(this).dialog("close");
                callback(false,myRowID);
            }
                        }
    });
但我的问题是,如果我想在左边有一个按钮,因为这两个按钮都在右边。请帮助。

工作正常

CSS:


.左对齐
{
右边距:170px!重要;
}

您可以覆盖jquery ui按钮集类

.ui-dialog-buttonset{
float:left !important;
}

 <style>
   .alignLeft
    {
     margin-right: 170px !important;
    }
 </style>
.ui-dialog-buttonset{
float:left !important;
}