css自定义滚动条样式

  .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;
  }

下面是实现的效果图


1587018744(1).png

记录下来省的再去找别的了

你可能感兴趣的:(css自定义滚动条样式)