在很多时候由于内容过多将会自动撑开父元素产生系统滚动条,这时候系统的滚动条不太美观就极大的影响自己项目的整体效果,那么需要自己手动写滚动条样式
// left_selectPam_treeMenu 这个就是父元素设置为overflow:auto
.left_selectPam_treeMenu::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 8px;
}
.left_selectPam_treeMenu::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #8f8f8f;
}
.left_selectPam_treeMenu::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #EDEDED;
}