网页自定义滚动条的样式

::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的

body::-webkit-scrollbar{// 样式}

::-webkit-scrollbar-button 滚动条两端的按钮

::-webkit-scrollbar-track 外层轨道

::-webkit-scrollbar-track-piece 内层滚动槽

::-webkit-scrollbar-thumb 滚动的滑块

::-webkit-scrollbar-corner 边角

::-webkit-resizer 定义右下角拖动块的样式

.content::-webkit-scrollbar {/*滚动条整体样式*//*高宽分别对应横竖滚动条的尺寸*/height: 50px;width: 5px;}.content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #535353;}.content::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 5px;background: #fff;}.content::-webkit-scrollbar-button{width: 6px;height: 6px;background-color: red;}
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章