Customize scroll bar via css

scroll bar support CSS

Some Browser support directly via proper CSS and some browser support after use there's web-kit.
I thought it would be helpful to consolidate the latest information on scroll bars, CSS, and Browser Compatibility.

Directly Use CSS

.yourclassname{

scrollbar-3dlight-color:red;

scrollbar-arrow-color:yellow;

scrollbar-shadow-color:green;

scrollbar-face-color:silver;

scrollbar-highlight-color:pink;

scrollbar-base-color:black;

}

Chrome & safari webkit

/*pseudo Elements*/

::-webkit-scrollbar{}

::-webkit-scrollbar-button{}

::-webkit-scrollbar-track{}

::-webkit-scrollbar-track-piece{}

::-webkit-scrollbar-thumb{}

::-webkit-scrollbar-corner{};

::-webkit-scrollbar-resize{};

/*pseudo Class Selector*/

:horizontal

:window-inactive

:corner-present

:no-button

:single-button

:double-button

:end

:start

:increment

:decrement

:vertical