Replace the appalling default Windows scrollbars with these good ones.
They are thin and unobtrusive but by using border: 5px solid transparent
they are just as easy to hit.
No need to change width on hover and reflow contents!
::-webkit-scrollbar, ::-webkit-scrollbar-corner { | |
height: 15px; | |
width: 15px; | |
} | |
::-webkit-scrollbar-thumb { | |
background-clip: content-box; | |
background-color: #bfbfbf; | |
border: 5px solid transparent; | |
border-radius: 16px; | |
} | |
::-webkit-scrollbar-thumb:hover { | |
background-color: #A0A0A0; | |
} | |
::-webkit-scrollbar-track:hover { | |
background-color: transparent; | |
box-shadow: none; | |
} |