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
Vous devez vous connecter pour publier un commentaire.
Vous devez utiliser scss dans ce cas.
En css, vous aurez besoin de définir.
CSS définition n'a pas fonctionné pour moi... Suis-je raté quelque chose?
OriginalL'auteur Aditya Sethi
La raison pour laquelle votre remplacement ne fonctionne pas est à cause de CSS Spécificité. Depuis le démarrage de style est plus spécifique que la vôtre, c'est celui qui est appliqué. Vous aurez besoin de le remplacer comme suit
Ici est la JSFiddle de référence.
Notez que si vous utilisez
bootstrap-theme.css
, le thème ajoute une image de fond qui remplace la couleur de fond de la propriété. Dans ce cas, vous devez également définirbackground-image: none;
pour montrer la couleur d'arrière-plan.OriginalL'auteur Bart Jedrocha
Puisque je ne pouvais pas ajouter un commentaire à @AdityaSethi dans @BartJedrocha réponse je vais mettre une réponse ici car je pense que c'est utile.
a fonctionné pour moi où
N'a pas. C'est peut-être l'utilisation de SCSS? J'ai lu quelque part que SCSS utilise l'extension .scss. Je n'ai pas la patience pour modifier ma feuille de style en extension ou en créer un nouveau. Sooo, j'ai essayé la 2ème réponse.
Mon commentaire est cependant de plus en plus vers l' @AdityaSethi commentaire qui a noté que la question de la solution qui touchent l'ensemble de l'application depuis le panneau de classes sont largement utilisés. Compréhensible. Je figure bien que la solution de facilité, c'est ceci:
Et qui a fait le tour pour moi..aussi loin que toujours modifier les styles. Le reste de mon bootstrap page ne doit pas avoir eu d'autres panneaux à utiliser, car rien d'autre a changer avant que j'ai ajouté
div.custom
à la CSS. Mais j'imagine qu'avec ce peu de logique, se produit dans le CSS, pas d'autres panneaux à l'extérieur dediv.custom
devrait être touchée. 🙂OriginalL'auteur Christine268