Change mdb-tab heading color only for certain tabset

 @ViewChild('staticTabs', { static: true }) staticTabs: TabsetComponent;

  constructor(private renderer: Renderer2) {}
  ngAfterViewInit() {
    this.renderer.addClass(
      this.staticTabs.itemsList.nativeElement.querySelectorAll('li')[0].querySelector('span'),
      'font-class'
    );
  }

.font-class {
  color: blue;
}

1001albertpadilla commented 5 years ago

The color change works. Is it possible to have a blue color for the selected tab while a red color for the inactive ones?

---

1001albertpadilla commented 5 years ago

I got this solved.

.md-pills .nav-link { color: blue !important; } .md-pills .nav-link.active { color: white !important; }

Thanks!

---