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 vote294 views1 answer
Rotate icon
CSS
0 vote287 views1 answer
Réglage de constantes PHP
CSS
6 votes282 views4 answers
Tailwind css npm
CSS
0 vote293 views1 answer
How to set image size without changing aspect ratio in css
CSS
54 votes331 views6 answers
Import font in css
CSS
0 vote339 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
-1 vote235 views1 answer
Html flex direction
CSS
0 vote278 views1 answer
Twig date modify
CSS
3 votes283 views3 answers
Remove clicked button border
CSS
-1 vote267 views1 answer
Css display contents
CSS