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

时间:2013-03-22 02:22:55

标签: jquery css

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

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

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

注意:来自其他布局的子布局extends包含上述按钮样式。

3 个答案:

答案 0 :(得分:4)

您可以为jquery 1.8 +

以上的对话框按钮提供一个类
    ....
  buttons:{
               "cancel" : {

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

答案 1 :(得分:2)

唯一能覆盖这些样式的东西,如果它们存在,那么内联样式也很重要。所以,<button style="height: 0 !important; padding: 0 !important;"></button>

你可以通过jQuery找到它们的添加位置,可能是append()或prepend()。并在那里添加您的内联样式,如下所示:

$('.parent').append('<div class="yourSituation" style="border: 0; padding: 0;"></div>');

答案 2 :(得分:0)

只是为了给你另一种选择...... Apprise允许在按钮上使用自定义css类 - className