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

40 votes361 views6 answers
How to write css
CSS
0 vote329 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote315 views1 answer
Mathjax beautiful math in all browsers
CSS
1 vote335 views1 answer
Alert without page refresh
CSS
0 vote305 views1 answer
Uninstall wine 6.0.1
CSS
0 vote293 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
0 vote312 views1 answer
Estilos de scroll css
CSS
0 vote313 views1 answer
Container transparent text opaque
CSS
3 votes334 views2 answers
Hr tag customize using css
CSS
0 vote296 views1 answer
Css flex alle elemente gleiche höhe
CSS