This is a migrated thread and some comments may be shown as answers.

Inactive tab CSS

1 Answer 403 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Igor
Top achievements
Rank 1
Igor asked on 12 Dec 2011, 02:09 PM
Hi,

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

Sort by
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!
Tags
TabStrip
Asked by
Igor
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or