Je travaille sur angulaire 7. Pour l'onglet, j'ai utilisé TabSet . Je veux utiliser différentes couleurs pour chaque onglets pour l'arrière-plan et survoler les effets " Voici le code: Y a-t-il un moyen? Tout le monde peut aider pour cela? 
3 Réponses :
::ng-deep .mat-tab-list .mat-tab-labels .mat-tab-label:first-child {
color:red;
background-color: green;
}
::ng-deep .mat-tab-list .mat-tab-labels .mat-tab-label:first-child:hover {
color:green;
background-color: red;
}
StackBlitz: https://stackblitz.com/edit/angular-jggy2s
@PratikbutaniandroidDev J'ai posté un exemple de travail. Veuillez vérifier Stackblitz.com/edit/angular-rmxerq
J'ai collé du code ici dans ce MD-Tab n'est pas appliquer. Vous pouvez vérifier et changer.
Voulez-vous changer NGB-TAB sur MD-TAB? Ou voulez-vous une couleur différente pour différents ngb-onglet. Selon votre question, vous souhaitez utiliser différentes couleurs pour chaque onglets (NGB-TABs) pour l'arrière-plan et survoler.
Je veux dire md-onglet ne s'applique pas dans Stackblits
La version récente de l'onglet Tapis USA UTILISATION. Êtes-vous ouvert à utiliser mat-onglet? Ou vous devez utiliser MD-Tab uniquement?
N'a pas eu la réponse réelle, mais vos efforts suffisent pour obtenir une prime.
Mouseener, Mouseleave. Voici un exemple simple et de base: https://stackblitz.com/edit/angular-Obut6
Pouvez-vous être un peu plus spécifique de ce que vous essayez exactement d'atteindre?
Cela me semble être un problème d'encapsulation, essayez de déplacer vos styles dans le fichier Global Styles.SSS ou d'ajouter encapsulation: affichage de la vue à la métadonnée du composant hôte (composant qui a les onglets dans sa modèle)
@Pratikbutani Pouvez-vous créer un Stackblitz afin que je puisse l'essayer aussi? Parce que la seule raison pour laquelle cela ne fonctionnera pas de cette façon, c'est que votre sélecteur CSS n'est pas correct
J'ai collé du code ici dans ce MD-Tab n'est pas appliquer. Vous pouvez vérifier et changer.
/ profond / md-onglet-onglet .md-onglet: premier enfant {fond: rouge; }