html滚动条样式修改（背景透明）

时间：2021-08-06 10:28:34 收藏：0 阅读：24

/*修改滚动条样式*/
#lyric_detail::-webkit-scrollbar{
    width:10px;
    height:10px;
    /**/
  }
  #lyric_detail::-webkit-scrollbar-track{
    opacity:0;/*完全透明*/
    border-radius:2px;
  }
  #lyric_detail::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
  }
  #lyric_detail::-webkit-scrollbar-thumb:hover{
    background: #bfbfbf;
  }
  #lyric_detail::-webkit-scrollbar-corner{
    background: #179a16;
  }

这里的 #lyric_detail 替换成自己的div

另外，要设置滚动条的div要设置成

overflow:auto;

原文：https://www.cnblogs.com/AduBlog/p/15106685.html