Dear Steven,
You
can modify the color of the header text by overriding the default styles. The
active tab has an e-active class applied to it, which you can use to
differentiate between active and inactive tabs.
For the active tab, you can
use:
|
.e-tab .e-tab-header
.e-toolbar-item.e-active .e-tab-text {
color: #411acf;
}
|
For the inactive tabs, you can use:
|
.e-tab .e-tab-header .e-toolbar-item
.e-tab-text {
color: #17a5b9;
}
|
These CSS rules will change the font color of the header text in active and
inactive tabs respectively.
For your convenience we have
prepared a stackblitz sample, kindly check on the sample: Syncfusion-content - Ej2
Angular Docs - StackBlitz
Regards,
Ram
