ext 修改滚动条样式

/**

• 控制 chrome 滚动条颜色
  /
  ::-webkit-scrollbar-track-piece{
  background-color:#D2E5F4;/ 空出来的颜色 */
  -webkit-border-radius:0;
  }

::-webkit-scrollbar-thumb{
height:50px;
background-color:#9f82ff;/* 滚动条颜色 /
-webkit-border-radius:4px;
outline:2px solid #9f82ff;/滚动条外围颜色/
outline-offset:-2px;
border: 2px solid #fff;
}
/
鼠标移上去后的颜色
/
::-webkit-scrollbar-thumb:hover{
height:50px;
background-color:#9f9f9f;/ #9f9f9f hover/
-webkit-border-radius:4px;
}
/**

• 宽度
• 高度
  /
  ::-webkit-scrollbar {
  width:20px; / 设置滚动条宽度 */
  height:26px;
  }
  ::-webkit-scrollbar {!滚动条整体样式!
  width: 26px; !高宽分别对应横竖滚动条的尺寸!
  height: 26px;
  }
  ::-webkit-scrollbar-thumb {!滚动条里面小方块!
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #535353;
  }
  ::-webkit-scrollbar-track {!滚动条里面轨道!
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 10px;
  background: #EDEDED;
  }