如何設置jquery中彈出窗口標題欄的背景顏色

如何設置jquery中彈出窗口標題欄的背景顏色可以給我打電話嗎？如何設置jquery中彈出窗口標題欄的背景顏色

標題文本是「電子郵件選項」。

function showEmailDlg() { 

    var dlg = $('#dlgEmail').dialog(
      { 
       draggable: true, 
       position: 'center', 
       modal: true, 
       width: 1028, 
       height: 568, 
       title: 'Email Options', 
       resizable: false 

      } 
     ); 

    dlg.parent().appendTo($("form:first")); 
}

來源

2012-11-20 Ahsan

您使用的是jQuery UI的對話框什麼插件嗎？ –

打開mozilla，調試模式，選擇標題欄，檢查它的css來自哪裏，修改css的插件 –

假設你正在使用jQuery UI（它看起來像你），據我所知有沒有它記錄的選項，但jQuery UI的使用CSS的樣式，並確保這些類是相當明確。

在這種情況下，對話標題元素（a div）的類別爲ui-dialog-titlebar。您可以使用與之匹配的選擇器來應用樣式（例如，#dlgEmail .ui-dialog-titlebar）。如果你只是想要包含標題而不是完整的標題欄，那麼span與.ui-dialog-title類。但請注意，在jQuery UI中有很多複雜的樣式，這將會有點不重要。

使用任何半角型瀏覽器，您可以在運行時發現這些東西。例如，在Chrome中，只需左鍵單擊標題欄並選擇「檢查元素」。

來源

2012-11-20 08:22:50

我正在使用Visual Studio。請在這方面告訴我。 – Ahsan

@ riaz100：您使用的是什麼開發工具並不重要，您只需使用樣式表對該內容進行樣式設置 - 就像創建其他任何內容一樣。 –

完成！我改變了文件「jquery-ui-1.8.23.custom.css」 – Ahsan

嘗試使用，

$("#dlgEmail .ui-dialog-titlebar").css("background-color", "red");

來源

2012-11-20 08:31:20 Swarne27

完成！我改變了從http://jquery.org/下載的文件「jquery-ui-1.8.23.custom.css」。在.ui-dialog-titlebar類中，我更改了background-color：red; – Ahsan

如果您編輯該文件，它將出現在您使用彈出窗口的任何地方，但您可能希望將默認顏色保留在其他彈出窗口中。因爲使用這種方式只能改變這個彈出標題欄。在初始化彈出腳本之後立即進行此操作。 – Swarne27

如何設置jquery中彈出窗口標題欄的背景顏色

回答

相關問題