Comment changer le bouton de la boîte de dialogue jquery ui/couleur de fond en utilisant l'API?

Question

J'utilise la boîte de dialogue jquery ui. J'ai regardé How to change the jquery ui dialog button color? mais il semble que cet utilisateur adopte une approche différente. J'utilise l'option buttons de la boîte de dialogue.

Voici mon javascript:

$(document).ready(function(){ 
    $("#credentialsDialog").dialog({ 
     autoOpen: false, 
     buttons: { 
      Submit: function() { 
       $(this).dialog("close"); 
      } 
     }, 
     dialogClass: 'ui-dialog-titlebar' 
    }); 
    $("#opener").click(function() { 
     $("#credentialsDialog").dialog('open'); 
    }); 
}); 

Voici le CSS, il fait référence à:

.ui-dialog-titlebar { 
    background-color: #f6f6ff; 
    background-image: none; 
    color: #f6f6ff; 
} 

J'ai aussi essayé found here:

buttons: { 
      Submit: function() { 
       $(this).dialog("close"); 
      }, 
      'class': 'ui-dialog-titlebar' 
     } 

Mais ce n'est pas travaillant soit.

Quelle est la bonne façon de changer la couleur de fond de la zone de bouton?

Voici ma boîte de dialogue jusqu'à présent:

Answer 1

Si vous voulez le style des boutons, les cibler avec:

.ui-dialog .ui-dialog-buttonpane button.ui-button { 
/* your rules here */ 
}