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 vote134 views1 answer
Width calc(100 - 100px)
CSS
4 votes131 views1 answer
Resize in css
CSS
7 votes125 views3 answers
Circle button css
CSS
17 votes153 views2 answers
Css grid center elements inside div
CSS
50 votes121 views5 answers
Css reset style
CSS
10 votes125 views3 answers
Reset
CSS
0 vote133 views2 answers
Ul class= social-icons
CSS
0 vote161 views1 answer
Css beutify scroller
CSS
0 vote207 views1 answer
Bootstrap put button on one line
CSS Bootstrap
0 vote129 views1 answer
Css static header on scroll
CSS