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 vote296 views1 answer
Ie11 image stretching
CSS
0 vote318 views1 answer
Grid style form
CSS
0 vote354 views2 answers
Materialize css
CSS Materialize
19 votes303 views3 answers
Bootstrap media queries
CSS Bootstrap
109 votes297 views6 answers
Center css
CSS
2 votes303 views1 answer
Clamp margin
CSS
5 votes299 views3 answers
Sticky footer
CSS
3 votes328 views6 answers
Htaccess
CSS
0 vote330 views1 answer
Custom hr in css
CSS
2 votes288 views1 answer
Css disable dropdown on input
CSS