Change default scrollbar width

Mark Heller 0
Viewed 45

I'm trying to change the width of a default scrollbar. So far I've tried scrollbar-width which doesn't work on many browsers.::-webkit-scrollbar works but I can't seem to get the default look from it.

This is what I'm trying to style.

.column1 {
  background-color:gray;
  padding: 19px 18px 49px 9px;
  height: 100vh;
  overflow-y: scroll;
}
<div class="column1"><div>

css html
1 Answers

A fix to your issue will be by setting the width of the ::-webkit-scrollbar to the size your want which will increase the size of the scrollbar.

.column1::-webkit-scrollbar {
    width: 11px;
}
DEXOW0
Related