I am trying to apply a style to a nested tab strip. Specifically I am trying to set the border-top-color for the selected child tab. I can do this for the parent tab and I am able to modify other attributes of the child tab, just not that specific one.
Any insight would be appreciated.
<
style
>
.RadTabStrip_Vista .rtsLevel1 .rtsSelected .rtsLink {
font-family: Arial ;
border-top-color:#fdb845 ;
border-top-width:2px;
}
.childTabSelected {
font-family: Arial ;
border-top-color:#00a2ff !important ;
border-top-width:2px;
}
</
style
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
runat
=
"server"
/>
<
div
>
<
telerik:RadTabStrip
RenderMode
=
"Lightweight"
ID
=
"RadTabStrip1"
runat
=
"server"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Tab1"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 1"
SelectedCssClass
=
"childTabSelected"
/>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 2"
SelectedCssClass
=
"childTabSelected"
/>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 3"
SelectedCssClass
=
"childTabSelected"
/>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 4"
SelectedCssClass
=
"childTabSelected"
/>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 5"
SelectedCssClass
=
"childTabSelected"
/>
</
Tabs
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Tab2"
Selected
=
"True"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 2.1"
SelectedCssClass
=
"childTabSelected"
/>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 2.2"
Selected
=
"True"
SelectedCssClass
=
"childTabSelected"
/>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 2.3"
SelectedCssClass
=
"childTabSelected"
/>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 2.4"
SelectedCssClass
=
"childTabSelected"
/>
<
telerik:RadTab
runat
=
"server"
Text
=
"Child Tab 2.5"
SelectedCssClass
=
"childTabSelected"
/>
</
Tabs
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Tab3"
/>
</
Tabs
>
</
telerik:RadTabStrip
>