自定义滚动条样式 原创

自定义滚动条样式 

复制css/* 滚动条样式 全局的 start*/
::-webkit-scrollbar{width:5px;height: 5px;}/*滚动条整体样式*/
::-webkit-scrollbar-track{background-color:#bee1eb;}/*滚动条里面轨道*/
::-webkit-scrollbar-thumb{background-color:#00aff0;}/*滚动条里面小方块*/
::-webkit-scrollbar-thumb:hover {background-color:#9c3;}
::-webkit-scrollbar-thumb:active {background-color:#00aff0;}
/* 滚动条样式 全局的 start*/
1
2
3
4
5
6
7

指定元素中的滚动条样式

复制css/*代码块滚动条样式*/
pre::-webkit-scrollbar{width:2px;}/*滚动条整体样式*/
pre::-webkit-scrollbar-track{background-color:#d2d2d2;}/*滚动条里面轨道*/
pre::-webkit-scrollbar-thumb{background-color:#eeeeee;}/*滚动条里面小方块*/
pre::-webkit-scrollbar-thumb:hover {background-color:#eeeeee;}
pre::-webkit-scrollbar-thumb:active {background-color:#eeeeee;}
1
2
3
4
5
6