修改浏览器滚动条样式

1.针对 webkit内核的浏览器

浏览器滚动条主要四部分组成：

name::-webkit-scrollbar 滚动条的整体样式
name::-webkit-scrollbar-track 滚动条滑轨
name::-webkit-scrollbar-thumb 滚动条滑块
name::-webkit-scrollbar-button 滚动条上下两端的按钮

eg.

.scrollbar::-webkit-scrollbar {
  width: 40px;
}
.scrollbar::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color: red;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: blue;
}
.scrollbar::-webkit-scrollbar-button{
   height: 10px;
   background-color: green;
}

2.针对IE浏览器的滚动条

.scrollbar {
   /*滚动条整体颜色*/
  scrollbar-highlight-color: red;
  /*滚动条基准颜色*/
  scrollbar-base-color: red;
  /*滚动条轨道颜色*/
  scrollbar-track-color: red;
  /*三角箭头的颜色*/
  scrollbar-arrow-color: green;
  /*滚动条滑块按钮的颜色*/
  scrollbar-face-color: blue;
  /*滚动条阴影*/
  scrollbar-shadow-color: green;
}