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 vote210 views1 answer
Css to exclude last row table
CSS
1 vote196 views1 answer
Css after not working
CSS
0 vote200 views2 answers
Button with background image and text html css
CSS
0 vote200 views1 answer
Css image hover zoom and rotate
CSS
17 votes185 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
7 votes192 views6 answers
Font style css
CSS
2 votes190 views2 answers
Slick margin between slides
CSS
0 vote191 views1 answer
Css align backround image to the right
CSS
0 vote201 views1 answer
Hide the default tooltip behaviour from safari
CSS
20 votes194 views2 answers
Div circle
CSS