0

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

$("#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包含上述按钮样式的另一个布局的子布局。

4

3 回答 3

4

您可以在 jquery 1.8+ 之上为您的对话框按钮猜测一个类

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

                "class": 'myClass', 
                click: function() {
}
...
于 2013-03-22T02:27:55.700 回答
2

唯一会覆盖这些样式（如果它们存在）的是也具有 !important 的内联样式。所以，<button style="height: 0 !important; padding: 0 !important;"></button>.

您可以找到它们被 jQuery 添加的位置，可能使用 append() 或 prepend()。并在那里添加您的内联样式，例如：

$('.parent').append('<div class="yourSituation" style="border: 0; padding: 0;"></div>');
于 2013-03-22T02:26:48.400 回答
0

只是给您另一个选择... Apprise允许在按钮上自定义 css 类 - className 。

于 2013-03-22T02:48:40.820 回答