我有这个代码来显示一个对话框。
$("#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
包含上述按钮样式。
答案 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 。