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 vote163 views1 answer
Scale up and scale down animation in css
CSS
9 votes179 views3 answers
Outline button css
CSS
0 vote152 views1 answer
Css animation click
CSS
1 vote167 views1 answer
How do you display a border like this:
CSS
16 votes217 views2 answers
Css hiddden
CSS
36 votes160 views2 answers
Css translate x and y
CSS
0 vote197 views1 answer
Hiding text outside of border css
CSS
20 votes133 views4 answers
Css display vertical align
CSS
86 votes160 views3 answers
Css tekst bold
CSS
0 vote161 views1 answer
Dropdown dropdown-user nav-item work on 2 clicks
CSS