Telerik ASP.NET RadTabStrip Styling

Styling the Telerik RadTabStrip can feel more complicated than it should be. The control ships with themes, but real-world projects usually need something more specific—brand colors, clearer active states, or simply a cleaner look. This article shows the exact CSS you need to restyle the selected tab and the underline that sits beneath the tab row.
 

Related Articles

... and you 'll find more on the Telerik ASPNET Menu

This is what I'm currently using to style the RadTabStrip

/*styles the active tab*/
.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .RadTabStrop_MetroTouch .rtsLevel1 .rtsSelected:hover {
    background-color: #476794 !important; /* dark blue */
    color: #FAE9B4 !important; /* gold */
}
/*styles the line below the tab*/
.RadTabStrip_MetroTouch .rtsLevel1 {
    border-bottom-color: #476794 !important; /* dark blue */
}

The top style gives the selected tab fore and back color, the second style works on the line that's just below the tabs.

These overrides are safe to drop into any page or site stylesheet and will immediately update the control’s appearance without touching the markup.

RealWorldCode gives developers practical, real‑world solutions with clean, working code — no fluff, no theory, just answers.
Links
Home
Knowledge Areas
Sitemap
Contact
Et cetera
Privacy Policy
Terms and Conditions
Cookie Preferences