RadComboBox hover border

[Andrey]

Hi,

I'm using default skin for RadComboBox but I would like its border to become black on mouse hover. I know that RadComboBox uses background image to draw the border. Could you give me any suggestions how to solve my issue?

Thanks,
Andrey

[Princy]

Hello Andrey,

Try setting the following CSS to change the border to become black on mouse hover.
CSS:

<style type="text/css">
    .rcbInputCell :hover
    {
     border:1px solid Black !important;
    }
</style>

Thanks,
Princy.

[Andrey]

Unfortunately it doesn't work.

However, I was able to set border via styles but that isn't I really want. The problem is that RadComboBox uses background image to draw the (gray) border while 'real' border is absent. If I'll apply (black) border via styles there will be two visible borders.

[Ivana]

Hello Andrey,

You could create a custom skin for the RadComboBox, defining your own styles.

Here is a help article showing step by step how to create a custom skin using the default skin as a base:
Tutorial: Creating a Custom Skin.

Hope this helps.

All the best,
Ivana
the Telerik team