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

1 vote390 views1 answer
No li style
CSS
0 vote426 views1 answer
Elementor vertical line
CSS
0 vote353 views1 answer
Adding a perfect responsive background image
CSS
0 vote357 views1 answer
Css centrar imagen
CSS
17 votes356 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
0 vote394 views1 answer
How to center an item without flex
CSS
74 votes358 views6 answers
Display flex
CSS
0 vote331 views2 answers
Css make bottom of the div triangle
CSS
1 vote345 views1 answer
Css animate border bottom on hover
CSS
7 votes351 views3 answers
Css stop text wrapping
CSS