/*针对单个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修改浏览器滚动条