vue 设置滚动条样式

vue 设置滚动条样式

    //在index文件中
    /* @charset "utf-8"; */
    ::-webkit-scrollbar {
    
    
      width: 5px;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
    
    
      border-radius: 10px;
      background-color: rgba(0, 0, 0, 0.1);
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
    
    
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(26, 25, 25, 0.3);
      background-color: rgba(0, 0, 0, 0.1);
    }

搞定…