Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular 2 material tab active color customize

I was looking to customize the active color for md-tab. enter image description here

The classes in chrome dev console shows ==> -mat-tab-label mat-ripple mat-tab-label-active. But none has any border bottom. There was a chevron class which i tried to change, but no effect.

I tried /deep/ with almost all classes. Dint work. Also checked md-tab-header, but nowhere am seeing even that color! Any help would be appreciated :)

like image 712
Harikrishnan KayKay Avatar asked Dec 08 '22 17:12

Harikrishnan KayKay


1 Answers

Try to it's work for me

::ng-deep .mat-ink-bar {
  background-color:#ee2925 !important;}
like image 149
core114 Avatar answered Apr 26 '23 01:04

core114