<style>
#flpm_box_danwei::-webkit-scrollbar,#right_box::-webkit-scrollbar {
/*滚动条整体样式*/
width : 5px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
#flpm_box_danwei::-webkit-scrollbar-thumb,#right_box::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 5px;
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #ccc
}
#flpm_box_danwei::-webkit-scrollbar-track,#right_box::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 5px;
background : #ededed;
}
//flpm_box_danwei 为容器的ID
</style>
以上就是自定义滚动条样式的详细内容,更多关于自定义滚动条样式的资料请关注九品源码其它相关文章!