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

37 votes109 views3 answers
Css selector first level child
CSS
0 vote130 views1 answer
Hover on father elemet activates a child element css
CSS
1 vote108 views1 answer
Reset id sequence postgres
CSS
37 votes99 views3 answers
Inline svg css
CSS
0 vote107 views1 answer
Css not loading after clearing chaches asp.net
CSS
118 votes166 views6 answers
Css @media
CSS
0 vote122 views1 answer
Easy way raise specificity css
CSS
0 vote101 views1 answer
Css in head or body
CSS
1 vote97 views1 answer
Firefox css code
CSS
18 votes95 views4 answers
Grayscale css
CSS