How to hide Horizontal scroll bar in radcombo box

[Nimesh Desai]

How to hide the horizontal scroll bar in a rad combo box. All the items in the combo box are shorter than the dropdown width of the control, yet a horizontal scroll bar turns up and seems unnecessary.

[Princy]

Hi Nimesh Desai,

Add the following CSS in order to hide the horizontal scrollbar of RadComboBox dropdown.

CSS:

<style type="text/css">
.RadComboBoxDropDown_Default .rcbScroll
{
   overflow-x:hidden !important;
}
</style>

Note: Change the Default to SkinName that you are using, if any.

Thanks,
Princy.

[Stefan Pilakouris]

I found a solution that works both in IE and Firefox (also works on Safari and Opera).

Add the following CSS to hide the horizontal scrollbar of all RadComboBox dropdowns:

.RadComboBoxDropDown .rcbList
{
    width: auto !important;
}

[TonyG]

For anyone who stumbles onto this old thread like I just did, my horizontal scrollbars were not removed with Stefan's CSS, but they were with Princy's CSS (we see this solution once in a while in this forum but I forgot the details). As Princy said, change the skin, so in my case: .RadComboBoxDropDown_Web20

Maybe there was some other factor affecting Stefan's rendering.