How can I increase a scrollbar’s width using CSS?

by

This can be done in WebKit-based browsers (such as Chrome and Safari) with only CSS:

::-webkit-scrollbar {
    width: 2em;
    height: 2em
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}​

JSFiddle Demo

References:

More Related Contents:

  1. How to change scroll bar position with CSS?
  2. Add a horizontal scrollbar to an HTML table
  3. Why does vw include the scrollbar as part of the viewport?
  4. How can I prevent the scrollbar overlaying content in IE10?
  5. Hide html horizontal but not vertical scrollbar
  6. Prevent scroll-bar from adding-up to the Width of page on Chrome
  7. Apply Border-Radius To Scrollbars with CSS
  8. Transparent scrollbar with css
  9. with fixed and scrollable [duplicate]
  10. How to get horizontal scroll bar in select box in IE?
  11. How can I create equal width/height boxes that fit the screen width? [duplicate]
  12. Scrollbar without fixed height/Dynamic height with scrollbar
  13. HTML canvas with scrollbar
  14. How to center an element horizontally and vertically
  15. Make container shrink-to-fit child elements as they wrap
  16. Element will not stay centered, especially when re-sizing screen
  17. CSS selector by inline style attribute
  18. Position an element relative to its container
  19. curved div with transparent top
  20. HTML/CSS – Best practice for preserving white space on certain elements?
  21. How is the margin-top percentage calculated?
  22. How to align flexbox columns left and right?
  23. Inline Form nested within Horizontal Form in Bootstrap 3
  24. How can I make a div with irregular shapes with css3 and html5?
  25. Font-Face Not loaded
  26. It is possible to expand a textarea only with CSS?
  27. How to apply padding to every line in multi-line text?
  28. Why would Google use a font tag?
  29. Styling the “ element in CSS?
  30. inline-block element with no text renders differently

Leave a Comment