Office2007 Skin: one color for selected tab another for unselected?

[Martin]

Hi,

I am using the tabstrip with the office2007 skin. I want to change the colors slightly. I would like the selected tab font color to be green and the unselected tab font color to be red. Simple request, but I cannot seem to do this.

I have tried: (SelectedCssClass property = 'selectedtab')

.RadTabStrip_Office2007 .rtsLevel1 .rtsLI,
.RadTabStrip_Office2007 .rtsLevel1 .rtsLink
{
    color: red !important;
}


.RadTabStrip_Office2007 .selectedtab
{
    color: green !important;
}

However, the !important of my first style always overwrites the selected style. If I do not have !important then the default for the skin is used.

Any help much appreciated.

Thanks,
Martin

 

 

[Paul]

Hi Martin,

Please find below your modified CSS stykle that works as expected.

<style type="text/css">
.RadTabStripTop_Office2007 .rtsLink
{
    color: red !important;
}

.RadTabStripTop_Office2007 .rtsSelected
{
    color: green !important;
}
</style>

Sincerely yours,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Martin]

Thanks. This solved it for me.