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 vote375 views1 answer
How to scale down background image in css
CSS
0 vote400 views1 answer
Negative border radius
CSS
75 votes324 views6 answers
Remove scrollbar css
CSS
0 vote364 views1 answer
Media screen desktop
CSS
102 votes365 views6 answers
Hide horizontal scrollbar css
CSS
0 vote355 views2 answers
Min font-size
CSS
0 vote338 views1 answer
Siteorigin hide row
CSS
19 votes371 views2 answers
Center div css flex
CSS
96 votes402 views2 answers
How to position in css
CSS
6 votes376 views2 answers
Update checkbox size css
CSS