css修改滚动条的样式

<div class="content"></div> 
.content{
        height: 100%;
        overflow-y: auto;
        &::-webkit-scrollbar{
          width: 6px;
        }
        &::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
          background: #BFBFBF;
        }
        &::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
          border-radius: 0;
          background: #fff;
        }
      }