Custom horizontal scrollbar css

::-webkit-scrollbar {
  height: 4px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
}

Since logically one cannot force a vertical scrollbar to be a certain height (since dictated by the positioned parent) 
Therefore such height property is to target the horizontal's scrollbar height 
and vice-versa (width for the width of the vertical scrollbar).

Source: stackoverflow.com

Similar codes

0 vote335 views1 answer
Style jQuery draggable clone
CSS
2 votes369 views3 answers
Make an image smaller css
CSS
4 votes365 views2 answers
Change bot description background top.gg
CSS
3 votes387 views1 answer
Inline block align center
CSS
0 vote390 views1 answer
Css beutify scroller
CSS
0 vote373 views1 answer
Css change browser color
CSS
7 votes470 views2 answers
Stick footer to bottom
CSS
-1 vote380 views1 answer
Tailwindcss top
CSS
9 votes359 views5 answers
How to make a triangle in css
CSS
0 vote364 views2 answers
False
CSS