Custom Scrollbar

Vinod Pahuja

.scrollbar-inner { border: none; background-color: #eeeeee; } .scrollbar-inner:hover { background-color: #cccccc; } .scrollbar-inner:active { background-color: #666666; }

When using webkit browsers, there is a scrollbar on the left and right sides of the browser window. The scrollbar can be disabled with the following code:

-webkit-scrollbar { none } When using firefox browsers, the scrollbar is hidden by default. To show it, add the following to your CSS:

body { scrollbar-color: white lightgray; } .scrollbar-inner { border: none; background-color: #eeeeee; } .scrollbar-inner:hover { background-color: #cccccc; } .

# webkit

-webkit-scrollbar { width: 10px; }
-webkit-scrollbar-track { border: 1px solid; }
-webkit-scrollbar-thumb { border: 1px solid; background-color: white; }
-webkit-scrollbar-track-piece { background-color: lightgray; }

# firefox
body { scrollbar-color: white lightgray; }