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 vote170 views1 answer
Rainbow linear gradient css
CSS
1 vote132 views1 answer
Css before is not working
CSS
0 vote124 views1 answer
Space in css :before :after
CSS
1 vote124 views1 answer
Css caret-color property
CSS
62 votes120 views3 answers
Css root variables
CSS
1 vote163 views1 answer
System.FormatException: 'String '09-03-2020' was not recognized as a valid DateTime.'
CSS
0 vote193 views1 answer
Profile page html css template
CSS
0 vote134 views1 answer
Animated display css
CSS
32 votes130 views6 answers
Alert bootstrap
CSS
0 vote126 views1 answer
Vsc css autocomplet
CSS