how to style scrollbar in div

1#style-1::-webkit-scrollbar-track
2{
3	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
4	border-radius: 10px;
5	background-color: #F5F5F5;
6}
7
8#style-1::-webkit-scrollbar
9{
10	width: 12px;
11	background-color: #F5F5F5;
12}
13
14#style-1::-webkit-scrollbar-thumb
15{
16	border-radius: 10px;
17	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
18	background-color: #555;
19}

1::-webkit-scrollbar {
2    width: 12px;
3}
4 
5::-webkit-scrollbar-track {
6    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
7    border-radius: 10px;
8}
9 
10::-webkit-scrollbar-thumb {
11    border-radius: 10px;
12    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
13}

1/* width */
2*::-webkit-scrollbar {
3  width: 10px;
4}
5
6/* Track */
7*::-webkit-scrollbar-track {
8  background: #f1f1f1; 
9}
10 
11/* Handle */
12*::-webkit-scrollbar-thumb {
13  background: #888; 
14}
15
16/* Handle on hover */
17*::-webkit-scrollbar-thumb:hover {
18  background: #555; 
19}

1
2// scroll bar
3/* width */
4::-webkit-scrollbar {
5  background-color: hsl(235, 24%, 19%);
6  width: 8px;
7}
8
9/* Track */
10::-webkit-scrollbar-track {
11  background-color: hsla(235, 21%, 11%, 0.322);
12  box-shadow: 0 0 3px hsl(235, 21%, 11%);
13  border-radius: 10px;
14}
15
16/* Handle */
17::-webkit-scrollbar-thumb {
18  background-color: hsl(235, 21%, 11%);
19  border-radius: 10px;
20}
21
22/* Handle on hover */
23::-webkit-scrollbar-thumb:hover {
24  background: hsl(220, 98%, 61%);
25}

1/* Chrome, safari */
2*::-webkit-scrollbar {
3	width: 8px;
4}
5
6*::-webkit-scrollbar-thumb {
7	background-color: gray;
8}
9
10/* Firefox */
11.selector {
12		scrollbar-width: none;
13	}