1.针对 webkit内核的浏览器
浏览器滚动条主要四部分组成：
name::-webkit-scrollbar 滚动条的整体样式
name::-webkit-scrollbar-track 滚动条滑轨
name::-webkit-scrollbar-thumb 滚动条滑块
name::-webkit-scrollbar-button 滚动条上下两端的按钮
eg.
.scrollbar::-webkit-scrollbar {
width: 40px;
}
.scrollbar::-webkit-scrollbar-track {
border-radius: 20px;
background-color: red;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color: blue;
}
.scrollbar::-webkit-scrollbar-button{
height: 10px;
background-color: green;
}
2.针对IE浏览器的滚动条
.scrollbar {
/*滚动条整体颜色*/
scrollbar-highlight-color: red;
/*滚动条基准颜色*/
scrollbar-base-color: red;
/*滚动条轨道颜色*/
scrollbar-track-color: red;
/*三角箭头的颜色*/
scrollbar-arrow-color: green;
/*滚动条滑块按钮的颜色*/
scrollbar-face-color: blue;
/*滚动条阴影*/
scrollbar-shadow-color: green;
}
