Tab Styling Header Question

[Mike Halford]

how do I style the selection bar on the header defining the selected tab on the tab control.  I cannot see any CSS class to do this. The attached image shows a blue bar which I want to style to a different colour.

Attachment: tabheader_issue_f7026745.png

[Praveen Sellappan]

Hi Mike,

Thank you for reaching out!

To customize the color of the tab selection bar (the indicator line that highlights the active tab) in the Tab component, you can use the following CSS class:

CSS Class:

  .e-tab .e-tab-header .e-indicator {

      background:black;

  }

We have prepared a sample based on your requirement, where we applied a black color to the selection bar for clear demonstration.

Kindly review the sample and let us know if it addresses your requirement or if you need any further customizations.

We're happy to assist!

Regards,

Praveen Sellappan

Attachment: tabsample_c77185ef.zip