jquery - 如何修复对话框按钮的单个 css 样式？

Question

我尝试在我的 jsp 中设置我的对话框按钮的样式，我使用以下代码，但是我有两个按钮的样式，我想为每个按钮设置单独的样式，

我正在使用 jquery 版本 ui 1.9

fiddle

j查询代码:

$('#success').dialog({
    autoOpen: true,
    height: 180,
    width: 350,
    modal: true,
    resizable: false,
    dialogClass: 'no-close',
    buttons: {
        "Add": function() {
            $(this).dialog("close");
            $( this ).dialog( "close" );
         },
         Cancel: function() {
            $( this ).dialog( "close" );
         }
     }
});

Answer 1

我想我明白你在追求什么。尝试为对话框中的按钮设置样式吗？

您可以使用 nth-child() 选择来完成此操作。

http://jsfiddle.net/qP8DY/939/

CSS

.no-close .ui-dialog-buttonset .ui-button:nth-child(1) .ui-button-text 
{
    background: red;
     /*Other Styles */
}

.no-close .ui-dialog-buttonset .ui-button:nth-child(2) .ui-button-text 
{
    background: blue;
    /*Other Styles */
}