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 vote218 views1 answer
Random color scss
CSS
0 vote278 views1 answer
Bootstrap popover style width
CSS Bootstrap
-1 vote205 views1 answer
Text barré css
CSS
0 vote189 views1 answer
Css tricks macos spaces in dock
CSS
0 vote208 views1 answer
Decrease space between paragraphs html
CSS
7 votes200 views1 answer
Change background input css
CSS
7 votes193 views2 answers
Css list remove dot
CSS
0 vote186 views1 answer
Css centrar imagen
CSS
42 votes189 views5 answers
Css center everything
CSS
0 vote258 views1 answer
Nice select scroll bar for large amount of options
CSS