滚动条样式
css
/* 滚动条 */
::-webkit-scrollbar {
/* 纵向 */
width: 8px;
/* 横向 */
height: 8px;
background-color: #ededed;
}
/* 滚动条上的按钮(上下箭头) */
::-webkit-scrollbar-button {
display: none;
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
background-color: #ededed;
}
/* 滚动条轨道,没有滑块 */
::-webkit-scrollbar-track-piece {
background-color: #ededed;
}
/* 垂直滚动条和水平滚动条交汇的部分 */
::-webkit-scrollbar-corner {
background-color: #ededed;
}
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #d6d6d6;
}
/* 右下角拖动块 */
::-webkit-resizer {
display: none;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33