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 vote110 views1 answer
Remove svg border
CSS
0 vote142 views1 answer
Css gradient 3 color
CSS
1 vote171 views1 answer
Linux bash sort folders ascending
CSS
0 vote170 views1 answer
Aligning form elements to center in css
CSS
0 vote106 views1 answer
Css ein bisschen durchsichtig
CSS
0 vote153 views1 answer
Rotate box-shadow
CSS
0 vote216 views1 answer
Make td match display flex
CSS
0 vote169 views1 answer
Bash access array indirectly
CSS
0 vote159 views1 answer
Wordpress link post tags
CSS
0 vote151 views2 answers
Center a video horizontally
CSS