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;
}