当前位置: 首页 > Web前端 > CSS

Scrollercsseditor

时间:2023-03-30 16:23:23 CSS

/*定义滚动条的高度和宽度以及水平和垂直滚动条大小对应的背景高度和宽度*/::-webkit-scrollbar{width:10px;高度:10px;背景色:#F5F5F5;//背景颜色:红色;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset001pxrgba(0,0,0,0);//边框半径:10px;背景色:rgb(25,69,78);}/*定义滑块的内阴影+圆角*/::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset006pxrgba(0,0,0,.3);背景色:rgb(16,106,117);}在项目中,需要滚动条的地方,可以在框中使用over-flow-x或者over-flow-y,就可以看到滚动条并出现了,结合上面的样式,改成想要的滚动条根据设计图纸