how to change tabstrip colors?

[Egon]

as far as I understand the tab colors are dictated by an image and can't be changed using css alone, you'll need to change the image, so how would I for example change it from the default black to a blue?

[Vessy]

Hello Egon,

This depends on the Render mode that is used with RadTabstrip and the result that you want to achieve. 

If you are using Classic render mode - yes, you will need to use your own background images, you can see more information about the sprites used in the control here: https://docs.telerik.com/devtools/aspnet-ajax/controls/tabstrip/appearance-and-styling/sprite-guide

If you are using Lightweight render mode, though, you can change the tabs background only with CSS:

        div.RadTabStrip .rtsLevel1 .rtsLink {
            border-color: #cdcccc;
            color: #333;
            background-color: #ff0000;
            background-image: linear-gradient(#fafafa,#ff0000);
        }

        /*hover styles*/
        div.RadTabStrip .rtsLevel1 .rtsHovered .rtsLink {
            border-color: #a6a6a6;
            color: #333;
            background-color: #ff0000;
            background-image: linear-gradient(#d4d4d4,#ff0000);
        }

 

Regards,
Vessy
Progress Telerik