滚动条样式
css
/*滚动条*/
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/*滑块*/
::-webkit-scrollbar-thumb {
border-radius: 4px;
background: linear-gradient(-45deg, rgba(189, 52, 154, 0.3), rgba(65, 209, 255, 0.3));;
}
/*上下箭头*/
::-webkit-scrollbar-button {
/*background: black;*/
}
/*滚动条轨道*/
::-webkit-scrollbar-track {
/*background: #ff0;*/
}
/*滚动条没有滑块的轨道部分*/
::-webkit-scrollbar-track-piece {
/*background: #bd34fe;*/
}
/*垂直滚动条和水平滚动条交汇*/
::-webkit-scrollbar-corner {
/*background: #bd34fe;*/
}
/*轨道背景色优先级*/
/*-webkit-scrollbar-track-piece > -webkit-scrollbar-track > -webkit-scrollbar*/
::selection {
background: var(--vp-c-brand-soft);
}
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
34
35
36
37
38
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
34
35
36
37
38