Comment écraser les styles dans une boîte de dialogue jQuery

Question

Je veux créer un dialogue jQuery et écraser le paramètre de couleur pour cette instance, pas les autres - la création du dialogue est maintenant facile, mais le réglage de ses styles est difficile, comment est-ce que je change le titre et superpose les couleurs? Je voudrais les ajouter dynamiquement ici, quelque chose comme background: "red", comme je ne veux pas modifier les fichiers css cela ne me dérange pas de mettre à jour dynamiquement les valeurs CSS via jQuery pour ce modal.

Voici mon code

(document).ready(function() { 
      var $dialog = $('<div id="dynamicDiv"></div>') 
      .html('Loading... <img src="../ajax-loader2.gif" alt="Loading" />') 
        .dialog({ 
         bgiframe: false, 
         autoOpen: false, 
         draggable: false, 
         modal: true, 
         resizable: false, 
         show: 'slide', 
         height: 60, 
         closeOnEscape: false, 
         title: '', 

        }); 

     $dialog.dialog('open'); 

Answer 1

Comme ceci:

$dialog.closest('.ui-dialog').css('background', 'red');