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

3 votes209 views1 answer
Javafx button padding css
CSS
1 vote322 views1 answer
Css cell spacing
CSS
81 votes234 views3 answers
Css all uppercase to capitalize
CSS
12 votes184 views3 answers
Vertical and horizontal align center div
CSS
1 vote219 views1 answer
How to check if eloquent result is empty
CSS
0 vote189 views1 answer
Mouse hover text zoom effect
CSS
2 votes191 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespaces
CSS
0 vote250 views1 answer
Bootstrap modal overflow
CSS Bootstrap
0 vote218 views1 answer
Change link color in wordpress
CSS
50 votes165 views6 answers
Text align css
CSS