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

24 votes205 views5 answers
Placeholder css
CSS
0 vote224 views1 answer
Input remove blue glow
CSS
22 votes211 views4 answers
Grid center align css
CSS
13 votes201 views3 answers
How to change cursor in css on hover
CSS
2 votes251 views1 answer
How to put a black overlay on a photo css
CSS
1 vote204 views1 answer
Slickjs height
CSS
3 votes202 views1 answer
Input backgound color
CSS
26 votes210 views10 answers
Bootstrap
CSS
1 vote200 views1 answer
Li only showing first bullet
CSS
3 votes210 views3 answers
Sass variable
CSS