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

49 votes238 views3 answers
Center absolute element css
CSS
9 votes185 views3 answers
How to add a background color in css
CSS
1 vote214 views1 answer
Materialize button
CSS
0 vote230 views5 answers
SVG color
CSS
2 votes226 views4 answers
Laravel htaccess
CSS
0 vote193 views1 answer
Hide scroll bar and show when hover with small size
CSS
0 vote190 views1 answer
Css wrap text next line align right
CSS
0 vote191 views1 answer
How to fix the html on tablet movement
CSS
0 vote217 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
0 vote199 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS