[Solved] How to set Underline for the text on Mouse Hover in RadTab / RadTabStrip

[Vishnu]

HI, I have 6 to 7 Items in RadTabStrip & & each item has sub-menu as RadTab.
But i would like to override the control's css class to get "item text to get underline on mouse hover" instead of mentioning
HoveredCssClass="textHover" for each item.



CSS Class:

.textHover
    {
        text-decoration:underline !important;
    }

Aspx Page:

<telerik:RadTab
runat       ="server"
Text        ="Dashboard"
 Value       ="Dashboard"
 Selected    ="true"
 HoveredCssClass="textHover"
Font-Names  ="Verdana"  >

Can you please provide control's css class to override the same thing.
Thanks in advance.

[Shinu]

Hi Vishnu,

Please try the following CSS to show underline on mouse hover.

CSS:

<style type="text/css">
        .RadTabStrip .rtsTxt:hover
        {
            text-decoration: underline !important;
        }
</style>

Thanks,
Shinu.

[Vishnu]

Hi Shinu,
Thanks a lot, exactly what i was looking for. It Works great. :)

Shinu, 
same type css i would like to overrride for  RadToolBar control.
Please help me.

[Shinu]

Hi Vishnu,

Please try the following CSS.

CSS:

<style type="text/css">
    .RadToolBar .rtbText:hover
    {
        text-decoration: underline !important;
    }
</style>

Thanks,
Shinu.