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

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

我使用的是jquery版本UI1.9

jquery代码：

$('#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" );
         }
     }
});

---

我想我明白你的意思了。正在尝试设置对话框中按钮的样式，对吗

您可以使用

nth-child（）

select来完成此操作

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 */
}

---

更改css中的选择器以修改该按钮，如下所示：

button.ui-button:nth-child(1) {
background-color:#7bd217;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:8px;
padding:5px 26px;
text-decoration:none;
text-shadow:0px 2px 0px #2f6627;
position:relative;

}

---

更新后的

肯定会起作用，但会影响所有对话框。如果从对话框初始化中添加的

.no close

类开始链接选择器，则只会影响该对话框；）lizardhr，小提琴不工作。两个按钮显示相同的样式。样式不同，请尝试更改内部按钮。ui按钮：第n个子（1）仅添加按钮将更改样式。请告诉我。no close“确定。我补充说，作为对话框初始化时选择器链中的第一项，javascript具有

dialogClass:“no close”

，以便将此css限制为仅影响这一个对话框，而不是所有对话框。如果要影响所有对话框，只需删除选择器链中的第一项

。no close