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 vote308 views1 answer
Repeat autofill css grid minmax
CSS
0 vote288 views1 answer
Bootstrap-scss github
CSS
-1 vote308 views1 answer
Css not full width
CSS
134 votes308 views6 answers
Remove background from image
CSS
10 votes292 views2 answers
Line-height css
CSS
5 votes289 views3 answers
How to change radio button color
CSS
0 vote282 views1 answer
Before width not working
CSS
2 votes347 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
13 votes350 views3 answers
Iphne media query csss
CSS
1 vote299 views1 answer
Scss percentage
CSS