Scrollbar color change in Firefox

Question

I want to change the scrollbar color in Firefox. How can I do that?

Answer 1

Chrome and Safari do support the coloring of the scrollbars. Place the following code in your css and see the magic happen:

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #969696;
  -webkit-border-radius: 1ex;
}

::-webkit-scrollbar-thumb {
  background: #2B2B2B;
  -webkit-border-radius: 1ex;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
  background: #1A1A1A;
}

The only thing missing is for firefox to support this feature.