2014-01-25 171 views
0

我創建了一個新的自定義對話框。jquery自定義搜索框

var dialog = $('<p>"Warning:"?</p>').dialog({ 
      buttons: { 
       "Confirm": function() { 

       }, 

       "Cancel": function() { 
        dialog.dialog('close'); 
       } 
      } 

     }); 

我想改變對話框按鈕的顏色。 有什麼想法?

+0

我哈第一:CSS。 –

+0

@Flex:請您詳細說明一下嗎? – Diablo2014

+0

使用Chrome開發工具並檢查元素。查找類名/ ID並使用CSS爲這些類/ ID分配顏色 – Deryck

回答

1

只要通過對象定義爲定製的按鈕buttons

可以將類指定給按鈕,如下給出的,使用它的樣式的元素

var dialog = $('<p>"Warning:"?</p>').dialog({ 
    buttons: [{ 
     text: "Confirm", 
     'class': 'confirm', 
     click: function() { 

     } 
    }, { 
     text: "Cancel", 
     click: function() { 
      dialog.dialog('close'); 
     } 
    }] 
}); 

然後

.confirm.ui-state-default { 
    color: red; 
} 

演示:Fiddle

+0

在演示中,我可以看到一個稱爲ui-dialog-titlebar的小部件ui-widget-header ui-corner-all ui-helper-clearfix .......是否可以隱藏? – Diablo2014

0

JQuery在DOM上創建元素就像它以其他方式創建一樣。

顯示的項目內置了可以用css進行操作的類。爲了防止其他對話框發生變化,我建議選擇按鈕並在CSS中添加自定義類。

通過安裝Firebug(如果您尚未安裝)並右鍵單擊 - >使用Firebug檢查元素,可以很容易地找到元素上的數據。

祝你好運。