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>。

おそらくappend()またはprepend()を使用して、jQueryによって追加されている場所を見つけることができます。そこにインラインスタイルを追加して、次のようにします:

$('.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 に答える