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

0 vote271 views1 answer
Css regions
CSS
0 vote233 views1 answer
Css feather border
CSS
12 votes272 views1 answer
How to make borders rounded in css
CSS
16 votes278 views3 answers
Exact middle of screen css
CSS
66 votes249 views6 answers
Rotate element css
CSS
-1 vote313 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
0 vote271 views1 answer
Flex item: 1;
CSS
0 vote295 views1 answer
Css template columns and rows
CSS
0 vote260 views1 answer
Input readonly css
CSS
0 vote277 views1 answer
Mediaquery for portrate
CSS