Skip to main content
OutSystems

How to hide the scroll bar of a multi select list box

Question

I have sized a list box on a form to show all values without scrolling. How do I get rid of the vertical scroll bar?

Answer

Change the CSS style for the Web Screen to override the behavior of all 'select' lists, overriding the Application CSS and the Theme CSS. The exact CSS solution depends on the CSS theme.

The example below disables the vertical scroll bars in the London theme.

  • The 'overflow-y' disables the scroll bar;
  • The 'background-image' removes the down arrow.
select{
    overflow-y: hidden;
    background-image: none;
}
  • Was this article helpful?