jquery - 删除子布局中的所有 DOM 样式

Question

我有这段代码来显示一个对话框。

$("#duplicateDialog").dialog({
    autoOpen: false,
    modal: true,
    resizable: false,
    draggable: false,
    buttons: {
        "Cancel": function() {
            $(this).dialog("close");
        },
        "OK": function() {
            $(this).dialog("close");
        }
    }
});

$("#duplicateDialog").dialog("open");

问题是父布局已经改变了按钮的样式。

button {
    height: 22px!important;
    padding: 0 2px!important;   
}

现在我想在子布局中删除上面的“高度”和“填充”。怎么做？

注意:子布局扩展自包含上述按钮样式的另一个布局。

Answer 1

你可以为你的对话框按钮猜测 jquery 1.8+ 以上

    ....
  buttons:{
               "cancel" : {

                "class": 'myClass', 
                click: function() {
}
...