RadComboBox hover border

4 posts, 0 answers
  1. Andrey
    Andrey avatar
    3 posts
    Member since:
    Aug 2011

    Posted 07 Sep 2011 Link to this post

    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
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 07 Sep 2011 Link to this post

    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.
  3. Andrey
    Andrey avatar
    3 posts
    Member since:
    Aug 2011

    Posted 08 Sep 2011 Link to this post

    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.
  4. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 12 Sep 2011 Link to this post

    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

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

Back to Top