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 vote294 views1 answer
How to remove text highlight on double click
CSS
35 votes262 views2 answers
How to blur background color in css
CSS
13 votes272 views5 answers
How to add text stroke in css
CSS
0 vote250 views1 answer
Bootstrap accessibility
CSS
23 votes323 views5 answers
How to rotate image in css
CSS
11 votes284 views2 answers
Css line-clamp
CSS
0 vote290 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
1 vote291 views1 answer
Css smooth text shadow
CSS
1 vote280 views1 answer
Li only showing first bullet
CSS
1 vote341 views1 answer
Css Safari conditional
CSS