how can I change CSS of inactive tabs? I would like to set different background color for inactive tabs and leave white background only for currently acitve tab. I can't figure out how to do that.
I would appreciate if someone could help me. Thanks,
Igor
1 Answer, 1 is accepted
0
Accepted
Dimo
Telerik team
answered on 12 Dec 2011, 03:00 PM
Hi Igor,
You can use the following CSS rules to customize the TabStrip's look:
.k-tabstrip-items .k-state-default
{
/*non-active state styles - borders and backgrounds*/
}
.k-tabstrip-items .k-state-default .k-link
{
/*non-active state styles - text color*/
}
.k-tabstrip-items .k-state-active
{
/*active state styles - borders and backgrounds*/
}
.k-tabstrip-items .k-state-active .k-link
{
/*active state styles - text color*/
}
Color must be defined directly to the <a> elements inside the tabs, because <a> elements do not inherit color styles from parents.
Best wishes,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!