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 vote127 views1 answer
Multiple values in @media
CSS
0 vote131 views1 answer
Add expanding underline on page load css
CSS
38 votes130 views6 answers
Rotate image css
CSS
0 vote128 views1 answer
What is integrity cdn
CSS
1 vote156 views1 answer
Animated website
CSS
3 votes144 views2 answers
How to modify select icon csshow to modify select icon css
CSS
0 vote145 views1 answer
Tailblocks
CSS
0 vote144 views1 answer
Css transparent input text box
CSS
14 votes121 views2 answers
How to add css in flask app
CSS
6 votes122 views4 answers
Backdrop filter css
CSS