1

2

3

4

5

name::-webkit-scrollbar //滾動條整體樣式

name::-webkit-scrollbar-track //滾動條滑軌

name::-webkit-scrollbar-thumb //滾動條內部滑塊

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

body::-webkit-scrollbar{ //先改變body的滾動條寬度

width: 8px;

}

body::-webkit-scrollbar-track{//再改變body的滾動條軌道顏色

background: rgb(200, 200, 200);

border-radius: 5px;

}

body::-webkit-scrollbar-thumb{//最后改變body的滾動條滑軌相關的樣式

background: rgb(120, 120, 120);

border-radius: 5px;

}