刪除子佈局中的所有樣式的DOM

我有這段代碼來顯示一個對話框。刪除子佈局中的所有樣式的DOM

$("#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從另一個佈局，其中包括上述按鈕樣式。

來源

2013-03-22 Emerald214

你可以給一個類的對話框按鈕猜測上述的jQuery 1.8+

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

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

來源

2013-03-22 02:27:55 PSL

@hazzik感謝您的編輯。 – PSL 2013-03-22 02:36:23

它的工作原理！我定義了一個重要的高度和填充類並申請它。 – Emerald214 2013-03-22 03:15:05

如果它們存在，唯一會覆蓋這些樣式的內聯樣式也具有！重要。所以，<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-22 02:26:48 dezman

但是該對話框的按鈕由JQuery生成。如何爲他們設置「style」屬性？ – Emerald214 2013-03-22 02:30:54

查看上面的編輯... – dezman 2013-03-22 02:34:43

只給你另一種選擇... Apprise允許爲自定義CSS類 - className - 在按鈕上。

來源

2013-03-22 02:48:40 Vassilis

刪除子佈局中的所有樣式的DOM

回答

相關問題