How to change tab header text color when hovering ?

[Ben Junior]

SFTab control:

I copied this from one of yours online documentation but it only works for background color and not for the text color

/*Use the following CSS to customize the tab item when hovering.*/

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {

background: blue;   WORKS

color: white;            DOES NOT WORK

}

[Vinitha Devi Murugan]

Dear Customer,

Greetings from Syncfusion Support.

We have validated your reported query “How to change tab header text color when hovering” at our end. We suggest you to use below CSS to achieve your requirement.

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {

    color: white;

}

Kindly try like above sample and get back to us if you need any further assistance.

Regards,

Vinitha