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

1 vote191 views1 answer
Left align css mdn
CSS
0 vote155 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
0 vote205 views1 answer
Html appelé fichier css
CSS
7 votes177 views4 answers
How hide in html
CSS
18 votes183 views4 answers
Css font arial
CSS
0 vote159 views1 answer
Css feather border
CSS
2 votes148 views1 answer
Image crop using css 1:1
CSS
0 vote167 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
9 votes182 views5 answers
Html button size
CSS
5 votes247 views4 answers
Css inset
CSS