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 vote119 views1 answer
Round image center
CSS
0 vote106 views1 answer
Framework CSS
CSS
6 votes122 views5 answers
Remove line from a href css
CSS
0 vote124 views1 answer
Crypto module
CSS
0 vote110 views2 answers
Webpack alias not working in jest
CSS
0 vote83 views1 answer
Sdsd
CSS
0 vote109 views1 answer
System ui font
CSS
5 votes145 views4 answers
Display none tailwind
CSS
3 votes98 views1 answer
Css sass install
CSS
2 votes120 views1 answer
How to set font max width in css
CSS