Today, I will give you a solution to change the scrollbar style in your web page using CSS only, and this solution works on all browsers.
Source Code click here to download
body::-webkit-scrollbar {
width: 7px; border-radius: 0; background-color: #dedede; } body::-webkit-scrollbar-button { display: none; } body::-webkit-scrollbar-thumb { border-radius: 0; background: #a0aaaf; } body::-webkit-scrollbar-thumb:window-inactive { background: #a0aaaf; border-radius: 0; } body { /*for IE*/ scrollbar-face-color: #a0aaaf; scrollbar-shadow-color: #dedede; scrollbar-highlight-color: #a0aaaf; scrollbar-3dlight-color: #a0aaaf; scrollbar-darkshadow-color: #a0aaaf; scrollbar-track-color: #dedede; scrollbar-arrow-color: #a0aaaf; }