自定义滚动条样式

<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>

以上就是自定义滚动条样式的详细内容，更多关于自定义滚动条样式的资料请关注九品源码其它相关文章！