@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 free commented 4 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?

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

Please insert min. 15 characters.

Publish

---

1001albertpadilla free commented 4 years ago

I got this solved.

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

Thanks!

<p>I got this solved.</p> <p>.md-pills .nav-link { color: blue !important; } .md-pills .nav-link.active { color: white !important; }</p> <p>Thanks!</p>

Please insert min. 15 characters.

Publish

---