修改滚动条样式

 

 

/*滚动条全局样式  ------- 如只是莫一指定的滚动条 可以带上它的id class等*/
::-webkit-scrollbar {
  width: 10px;//表示垂直滚动条的宽度
  height: 10px;//表示水平滚动条的高度
  }
  /*正常情况下滑块的样式*/
::-webkit-scrollbar-thumb {
  background-color: #7085d2;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
  }
  /*鼠标悬浮在该类指向的控件上时滑块的样式*/
  ::-webkit-scrollbar-thumb {
    background-color: #7085d2;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
  }
  /*鼠标悬浮在滑块上时滑块的样式*/
  ::-webkit-scrollbar-thumb:hover {
    background-color: #7085d2;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
  }

  /*正常时候的主干轨道部分*/
  ::-webkit-scrollbar-track {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
  background-color: #18224a;
  }
  /*鼠标悬浮在滚动条上的主干轨道部分*/
  ::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4);
  background-color: #18224a;
  }