[Solved] radcombobox border style

[Quan Nguyen]

Hello,

I'm using the Default skin on the RadComboBox, but can't seem to set the borderstyle to none.
My goal is just to have the input area and the dropdown arrow without the border.

Please advise..

Thanks,
Quan

[Yana]

Hi Quan,

The border of RadComboBox is from the used background image, please use the following css styles to remove this image:

<style type="text/css">
    div.RadComboBox td.rcbInputCellLeft {
        background: white;
    }

    div.RadComboBox_Default td.rcbArrowCellRight {
        background-position: -156px -88px;
        background-color: white;
    }
</style>

Regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[dima kramskoy]

hi Yana.
thank you for your post ,
in my case , after pasting your code i still have a border line in right side .
can you help me ?

[Simon]

Hello dima kramskoy,

You can remove the border of the RadComboBox completely if you edit the sprite and use the edited version.

You can get a copy of the original sprite from the installation directory of RadControls for ASP.NET AJAX under Skins\[SkinName]\ComboBox\rcbSprite.png.

After editing the image, copy it locally to your project and use the following style on your page to use the edited sprite:

div.RadComboBox_Default .rcbInputCellLeft,
div.RadComboBox_Default .rcbInputCellRight,
div.RadComboBox_Default .rcbArrowCellLeft,
div.RadComboBox_Default .rcbArrowCellRight
{
    background-image: url(rcbSpriteNoBorder.png);
}

I have edited the Default Skin sprite and attached it to this post for your reference.

Regards,
Simon
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.