Styling / Getting rid of Scrollbars in Chrome on "Card Design"
I have an Issue that I do not seem to be able to change or remove those random ugly scrollbars showing up. None of the Scrollbar styles seemed to work.
In Dev Tools mode they automatically appear as smooth slim gray bars just like they would on mobile sites but regularly they look like the screenshot.
I have added a Codepen https://codepen.io/Zen-Gheist/pen/KKbryRX
Thank you guys in advance!
3 Replies
on chromium browsers and safari you can use https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar to style them on firefox you are limited scrollbar-width and scrollbar-color
::-webkit-scrollbar - CSS: Cascading Style Sheets | MDN
The ::-webkit-scrollbar CSS pseudo-element affects the style of an element's scrollbar when it has overflow:scroll; set.
I was about to answer that those didn't work for me cause the scrollbar just kept disappearing if I entered a width of 5px for example but turns out it just resets all other other unset scrollbar settings once you enter any property:
https://codepen.io/Zen-Gheist/pen/KKbryRX
Thanks a lot!
Correction, while it works in code Pen it seems there's some issue with my actual code that makes the scrollbar disappear still