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

23 votes295 views3 answers
Text-overflow ellipsis multiple lines
CSS
0 vote270 views1 answer
Css popover arrow divi menu
CSS
0 vote334 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
1 vote285 views1 answer
On clicking a link it gets red color
CSS
48 votes290 views6 answers
Background color using css
CSS
18 votes292 views4 answers
Background color none
CSS
29 votes341 views6 answers
Input focus border
CSS
1 vote295 views1 answer
Css select with attribute
CSS
2 votes266 views3 answers
Import image css
CSS
86 votes284 views3 answers
Css tekst bold
CSS