How to change the colour of a scrollbar on a web page? [closed]

by

You can do this with CSS

body::-webkit-scrollbar {
width: 1em;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
background-color: red;
outline: 1px solid darkgrey;
}

More Related Contents:

  1. When we using alert vs popup div tag? [closed]
  2. How to hide css and js version details from weppalyzer in PHP
  3. CSS Propertie change OnClick [closed]
  4. My website doesn’t load jQuery [closed]
  5. My JS is not working (chat application)
  6. How to apply !important using .css()?
  7. Make header and footer files to be included in multiple html pages
  8. How to show popup message like in Stack Overflow
  9. Using jQuery how to get click coordinates on the target element
  10. Dropdown select with images
  11. Disable dragging an image from an HTML page
  12. Responsive horizontal page sliding
  13. Use a new CSS file to override current website’s
  14. Scale element proportional to Background Cover with jQuery
  15. How can I change the font (family) for the labels in Chart.JS?
  16. How to build simple tabs with jQuery?
  17. Unusual shape of a textarea?
  18. How to display Image dynamically on UI?
  19. Bootstrap Dropdown with Hover
  20. How to show hidden divs on mouseover?
  21. How to make superfish dropdown menu responsive?
  22. Placeholder for contenteditable div
  23. How to keep elements non-refreshed
  24. How do you swap DIVs on mouseover (jQuery)?
  25. Center an Image vertically and horizontally using CSS
  26. Change background on button click, using CSS only? [duplicate]
  27. Jquery/Javascript Opacity animation with scroll
  28. jQuery when element becomes visible [duplicate]
  29. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?
  30. Difference between jQuery’s .hide() and setting CSS to display: none

Leave a Comment