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 vote166 views1 answer
Service Worker Navigator check
CSS
92 votes331 views5 answers
Bootstrap primary color code
CSS Bootstrap
6 votes143 views4 answers
Css hover to disable
CSS
11 votes135 views2 answers
Css hr color
CSS
0 vote177 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
0 vote155 views1 answer
Spaziatura caratteri css
CSS
4 votes159 views1 answer
Css selector every child except last
CSS
2 votes143 views2 answers
How to give 2 different background color css
CSS
0 vote160 views1 answer
Css media query overflow
CSS
1 vote148 views1 answer
Css background cover y axis
CSS