自定义滚动条样式

在要添加滚动条的标签样式中添加，注意lang="less“

  ::-webkit-scrollbar{
    width:12px;
    background-color:#f1f1f1;
  }
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb{
    background-color:#cac8c8;
    border: 2px solid #f1f1f1;
    &:hover{
      background-color: #797979;
    }
  }
  ::-webkit-scrollbar-button:decrement {//上按钮
    width: 0px;
    height: 6.5px;
    border: 6.5px solid transparent;
    border-bottom-color: #cac8c8;
    &:hover{
      border-bottom-color: #797979;
    }
  }
  ::-webkit-scrollbar-button:increment {//下按钮
    height: 6.5px;
    border: 6.5px solid transparent;
    border-top-color: #cac8c8;
    &:hover{
      border-top-color: #797979;
    }
  }

效果：