CSS scrollbar style cross browser [duplicate]

by

Webkit’s support for scrollbars is quite sophisticated. This CSS gives a very minimal scrollbar, with a light grey track and a darker thumb:

::-webkit-scrollbar
{
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}

This answer is a fantastic source of additional information.

More Related Contents:

  1. CSS customized scroll bar in div
  2. Hiding the scroll bar on an HTML page
  3. Custom CSS Scrollbar for Firefox
  4. Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink
  5. Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)
  6. Scrollbar color change in Firefox
  7. Safari/Chrome (Webkit) – Cannot hide iframe vertical scrollbar
  8. How to modify the css
  9. When to use margin vs padding in CSS [closed]
  10. How do CSS triangles work?
  11. Set size on background image with CSS?
  12. How do I prevent CSS inheritance?
  13. CSS Only Pie Chart – How to add spacing/padding between slices?
  14. CSS media queries: max-width OR max-height
  15. How to dynamically generate a list of classes with commas separating them?
  16. How does border-image work with linear-gradient?
  17. Is it possible to center an inline-block element and if so, how?
  18. override css for html5 form validation/required popup
  19. How to round out corners when using CSS clip-path
  20. Combine :after with :hover
  21. CSS Input with width: 100% goes outside parent’s bound
  22. CSS: bolding some text without changing its container’s size
  23. Can a CSS pixel be a fraction?
  24. layer on top of PDF
  25. Multiple image cross fading in CSS – without (java) script
  26. why is my content showing outside the div?
  27. How to stretch children to fill cross-axis?
  28. What is the difference between pseudo-classes and pseudo-elements?
  29. How to fade the edge of a div with just CSS? [duplicate]
  30. How to properly introduce a light/dark mode in Bootstrap?

Leave a Comment