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

64 votes173 views4 answers
Bootstrap buttons
CSS Bootstrap
11 votes110 views2 answers
Css hr color
CSS
0 vote127 views1 answer
Understanding '~' sign in css selector
CSS
1 vote114 views2 answers
Css syntax examples
CSS
-1 vote115 views2 answers
How to zoom image on hover in css
CSS
0 vote110 views1 answer
Body .div csss
CSS
2 votes122 views2 answers
Css display none transition
CSS
1 vote111 views1 answer
Mysqli load result into array
CSS
0 vote122 views1 answer
Style scrollbar table
CSS
1 vote116 views1 answer
How to add background image in a container css
CSS