Remplacer Bootstrap Accordéon couleurs dans le bootstrap pour angularjs

Je suis nouveau à angularjs/bootstrap et je suis en train de créer un SPA qui utilise bootstrap accordéon listes. Je suis en train de modifier la couleur de l'ensemble de l'ensemble de l'accordéon onglet, cependant, c'est seulement de change une partie de l'accordéon de l'espace. J'ai regardé en ligne et cette question (Ajouter une classe à l'accordéon titre de l'aide angualr ui bootstrap?) et c'est Jsfiddle (http://jsfiddle.net/Zmhx5/3/) représenter mon problème à la perfection, mais n'explique pas la solution.

J'ai essayé d'utiliser firebug pour trouver ce qui se passe derrière les coulisses, et il affirme que l'ensemble de l'ensemble de l'accordéon onglet est "". J'ai une classe css qui remplace ce style, mais pour une raison quelconque, quelque chose le dépasse.

.panel-heading {
background-color: red;
}

Ce site web a un tutoriel sur accordéon et son css tout simplement écrasait (http://patternry.com/p=accordion/). J'ai essayé de faire la même chose mais il ne fonctionne pas, s'il vous plaît aider :/

OriginalL'auteur Justin | 2014-11-18