不考虑兼容的时候,可以全局设置成这种样式
修改全局滚动条样式 <style> /*定义滚动条大意的黑米及背景 大意的黑米分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 6px; /*滚动条宽度*/ height: 8px; /*滚动条高度*/ background-color: white; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 0px white; background-color: rgb(193, 193, 193); /*滚动条的背景颜色*/ border-radius: 30px; }</style>