How to override "::-webkit-scrollbar" CSS rule and make scrollbar visible again

css, scrollbar, webkit

Solution

try

::-webkit-scrollbar { visibility: hidden; }

and

::-webkit-scrollbar { visibility: visible; }

Edit:

Though, that would keep the space... So, add "width: 0 !important;"

Problem

I use the following rule to make scrollbars invisible: ``` ::-webkit-scrollbar { display: none; } ``` How do I override this rule to make scrollbars visible again? I tried the following: ``` ::-webkit-scrollbar { display: initial; } ``` In this case scrollbars reserve their space, but the thumb is not visible. See a short demo here.

Original source