Css change overflow scrollbar

::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}

Source: stackoverflow.com

Similar codes

0 vote218 views2 answers
Bulma uppercase
CSS
3 votes176 views2 answers
No hover effect css
CSS
47 votes216 views5 answers
Nth-child() css
CSS
28 votes197 views6 answers
Margin
CSS
0 vote201 views2 answers
Can i use css in react native
CSS
0 vote154 views1 answer
Cursor color change
CSS
0 vote142 views1 answer
Css not working react
CSS
17 votes222 views3 answers
Rotate image in css
CSS
13 votes202 views1 answer
Baclgroud image css
CSS
0 vote286 views1 answer
DIVI Responsive menu breakpoints
CSS