List box CSS , How to change ??

[arijit]

Hi,
I just want to change the listbox selected color and hover color, how can I change that ?
i tried searching but didn't find anything
Please help, its urjent
Regards
Arijit

[Shinu]

Hi Arijit,

Add the following CSS for customizing the hovered and selected style.

CSS:

    <style type="text/css">
        .rlbHovered
        {
            background-color: Green !important;
        }
        .rlbSelected
        {
            background-color: Red !important;
        }
    </style>

-Shinu.

[arijit]

You are great
Thank you.

[arijit]

but if  i put some color like 

 

 

 

<style type="text/css">
        .rlbHovered
        {
            background-color: Green !important;
        }

        .rlbSelected
        {
            background-color: Red !important;
            color: Black !important;
        }
</style>

It is not working, the font color is not changing, please help
regards

 

 

 

 

 

 

[Veselin Vasilev]

Hi arijit,

To override the color of the selected listbox item please use the following css rule:

div.RadListBox .rlbSelected .rlbText
{
    color: Blue;
}

This will increase the specificity of the rule and it will be applied.

I hope that this blog post will shed some light:
How To Override Styles in a RadControl for ASP.NET AJAX' Embedded Skin

Kind regards,
Veskoni
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.