Css scrollbar thumb height

Scrollbar thumb height css

::-webkit-scrollbar-button {
  height: 12px;
}
::-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: grepper.com

Similar codes

6 votes291 views3 answers
Print media css
CSS
0 vote232 views1 answer
Tailwind css strikethrough
CSS
0 vote278 views1 answer
Bootstrap progress bar animation not working
CSS
5 votes290 views4 answers
Css flex gap between items
CSS
0 vote294 views1 answer
Map find link href element click
CSS
1 vote321 views2 answers
Toast js
CSS
1 vote281 views1 answer
Css flex divide evenly
CSS
0 vote275 views1 answer
Content visability auto
CSS
0 vote345 views1 answer
Materialize css form file input
CSS Materialize
7 votes321 views3 answers
Bootstrap remove outline
CSS Bootstrap