Jquery boîte de dialogue changement de couleur de la barre de titre

J'ai essayer de changer de couleur de la barre de titre seul.J'ai donc utilisé .l'interface utilisateur la boîte de dialogue barre de titre , mais sa ne fonctionne pas , j'ai donc essayé avec de l'interface utilisateur-widght-d'en-tête de, de son la réflexion sur la table de données aussi.. Veuillez en informer.

//Ne fonctionne pas

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

//Travail , mais en réfléchissant à la datatable en-tête aussi..

.ui-widget-header
{
    background-color: #99CCFF;
    background-image: none;
    color: Black;
}

Je suis à la recherche de la couleur seulement boîte de dialogue barre de titre..Veuillez en informer.

OriginalL'auteur user2444474 | 2013-07-18

  1. 21

    Le jQuery composants de l'INTERFACE utilisateur de partager beaucoup de classes, mais une boîte de dialogue a toujours la classe ui-dialog, donc si vous cibler tout le direct de l'en-tête de l'enfant de la boîte de dialogue, cela devrait fonctionner:

    .ui-dialog > .ui-widget-header {background: red;}

    VIOLON

    OriginalL'auteur adeneo

  2. 1

    Pour info : Si vous souhaitez alterner la couleur de la modale d'en-tête, vous pourriez veux faire quelque chose comme ceci:

    if(Success)
  $(".ui-dialog").find(".ui-widget-header").css("background", "darkgreen");
else
  $(".ui-dialog").find(".ui-widget-header").css("background", "red");

    OriginalL'auteur DinoMyte

  3. 0

    Si vous voulez qu'il soit spécifique par id

    $("#dialogId1).closest(".ui-dialog").children(".ui-dialog-titlebar").css("background", "lightblue");

    $("#dialogId2).closest(".ui-dialog").children(".ui-dialog-titlebar").css("background", "yellow");

    OriginalL'auteur Chan