/*针对单个class*/
.scroll-nav::-webkit-scrollbar {
    width: 6px;/*竖滚动条的宽度*/
    height:6px;/*横向滚动条的高度*/
    background-color: transparent;
}

/*针对所有*/
::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}


/*如果页面有多个滚动条 ,下面的可共享*/
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background-color: #a8a8a8;
  
}

本代码只对chrome系列浏览器生效。

更多参考 https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar

最后更新于 2022年10月21日

css修改浏览器滚动条
标签: