Hide vertical scrollbar in element

by

I know this thread is somewhat old, but there are a lot of really hacky answers on here, so I’d like to provide something that is a lot simpler and a lot cleaner:

select {
    overflow-y: auto;
}

As you can see in this fiddle, this solution provides you with flexibility if you don’t know the exact number of select options you are going to have. It hides the scrollbar in the case that you don’t need it without hiding possible extra option elements in the other case. Don’t do all this hacky overlapping div stuff. It just makes for unreadable markup.

More Related Contents:

  1. Grid or Table? for Text and an Image on the bottom right (4/4) [duplicate]
  2. How do I disable the resizable property of a textarea?
  3. How do you keep parents of floated elements from collapsing? [duplicate]
  4. Center image using text-align center?
  5. Why do browsers match CSS selectors from right to left?
  6. How to remove margin space around body or clear default css styles
  7. How can I “disable” zoom on a mobile web page?
  8. Make a div fill the height of the remaining screen space
  9. Shape with a slanted side (responsive)
  10. How can I combine flexbox and vertical scroll in a full-height app?
  11. Is clearfix deprecated?
  12. CSS-Only Scrollable Table with fixed headers [duplicate]
  13. How to style SVG with external CSS?
  14. How to remove the gutter (spacing) between columns in Bootstrap?
  15. How to position two elements side by side using CSS
  16. avoid page break inside row of table
  17. text-overflow: ellipsis not working
  18. Scale image to fit a bounding box
  19. Pure css Chessboard with div & no classes or ids, is it possible?
  20. How to change the size of the radio button using CSS?
  21. CSS only solution to set MULTIPLE “same height” row sections on a responsive grid
  22. Same height column bootstrap 3 row responsive
  23. Making an svg image object clickable with onclick, avoiding absolute positioning
  24. Insert HTML from CSS
  25. How to change the style of a ‘s label?
  26. CSS custom cursor doesn’t work in FF/Chrome
  27. Which elements support the ::before and ::after pseudo-elements?
  28. Flexbox with fixed header and footer and scrollable content
  29. Adding text before list
  30. CSS/HTML: How do I change the color of the check mark within the checkbox input? [duplicate]

Leave a Comment