css自定义滚动条样式

1. 实现的代码

  .el-wrapper::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*宽度竖滚动条的尺寸*/
    height: 10px; /*高度横滚动条的尺寸*/
  }
  .el-wrapper::-webkit-scrollbar-thumb {
    /*滚动条里面的条*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #0DB0EC;
  }
  .el-wrapper::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background   : #ffffff;
  }

2. 下面是实现的效果图
   
   3.记录下来方便自己查询到。不用再去找别的