/*定义滚动条高宽及背景 高宽别离对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #F5F5F5; // background-color: red; } /*定义滚动条轨道 内暗影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); // border-radius: 10px; background-color:rgb(25, 69, 78); } /*定义滑块 内暗影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: rgb(16, 106, 117); } 在我的项目内, 须要 滚动条的中央,能够在盒子内应用 over-flow-x 或 over-flow-y, 即能看见滚动条,呈现, 联合下面的款式, 依据设计图更改出想要的滚动条