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

2 votes254 views3 answers
Make an image smaller css
CSS
0 vote186 views1 answer
Flex-decoration column
CSS
0 vote278 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
0 vote235 views1 answer
Back button css
CSS
19 votes237 views6 answers
Css text border
CSS
53 votes240 views6 answers
Background color in css
CSS
5 votes242 views1 answer
Html how to indent text
CSS
26 votes236 views5 answers
Css text align left
CSS
1 vote253 views1 answer
The user specified as a definer does not exist
CSS
0 vote226 views1 answer
CSS - The Descendant Selectors
CSS