HTML设置滚动条样式

     html::-webkit-scrollbar {
          width : 16px;  
          height: 1px;
      }
      html::-webkit-scrollbar-thumb {
          border-radius: 16px;
          box-shadow   : inset 0 0 8px rgba(0, 0, 0, 0.2);
          background   : #535353;
      }
      html::-webkit-scrollbar-track {
          box-shadow   : inset 0 0 8px rgba(0, 0, 0, 0.2);
          border-radius: 16px;
          background   : #ededed;
      }

滚动条的设置
1. ::-webkit-scrollbar 滚动条整体部分，可以设置宽度等
2. ::-webkit-scrollbar-button 滚动条两端的按钮
3. ::-webkit-scrollbar-track  外层轨道
4. ::-webkit-scrollbar-track-piece  内层滚动槽
5. ::-webkit-scrollbar-thumb 滚动的滑块
6. ::-webkit-scrollbar-corner 边角
7. ::-webkit-resizer 定义右下角拖动块的样式