找到要修改的地方 你的类名 或者id 什么都行
然后 修改样式就可以了 看下图
修改之后的样式 是这样的
具体的代码 如下
.contentHeight::-webkit-scrollbar{
width:8px;
/* 滚动条的宽度 当然你可以让别人看不到滚动条 设置为0 就行 很酷的哦 */
}
.contentHeight::-webkit-scrollbar-track{
background: #fff;
border-radius:2px;
/* 滚动条背景样式 可能不理解 但你可以试试调试一下呀 */
}
.contentHeight::-webkit-scrollbar-thumb{
background: #aaa;
border-radius:6px;
/* 滚动条样式 可能不理解 但你可以试试调试一下呀 */
}
.contentHeight::-webkit-scrollbar-thumb:hover{
background: #747474;
/* 鼠标放上滚动条样式 可能不理解 但你可以试试调试一下呀 */
}
.contentHeight::-webkit-scrollbar-corner{
background: #f6f6f6;
}
一般人只需要这些就行了 要是需求更多 可以看看其他人的哦