css 自定义滚动条样式

 * {

    scrollbar-color: auto !important;

    scrollbar-width: auto;

  }

//滚动条宽高

  ::-webkit-scrollbar {

    width: 4px;

    height: 4px;

    background: transparent;

  }

  ::-webkit-scrollbar-thumb {

    //滑块部分

    border-radius: 5px;

    background-color: rgba(32, 224, 254, 1);

  }

  ::-webkit-scrollbar-track {

    //轨道部分

    background: transparent;

    border-radius: 5px;

  }

//鼠标hover滚动条时的样式

  ::-webkit-scrollbar-thumb:vertical:hover,

  ::-webkit-scrollbar-thumb:horizontal:hover {

    background-color: rgba(32, 224, 254, 1);

  }

效果如图：