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 vote138 views1 answer
Javascript typewriter effect left to right
CSS
14 votes169 views4 answers
Composer downgrade to version 1
CSS
48 votes142 views3 answers
Font-size
CSS
14 votes131 views2 answers
How to render css in flask link
CSS
2 votes145 views1 answer
Css rounded corners at top only
CSS
0 vote165 views1 answer
Css battle horizon answer
CSS
0 vote128 views1 answer
Remove underline in a a
CSS
179 votes316 views6 answers
Filter method
CSS
0 vote138 views1 answer
Css conver innertext to html using css
CSS
1 vote155 views1 answer
Difference between html and css
CSS