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

0 vote255 views1 answer
Add arrow in select css
CSS
0 vote247 views2 answers
Css how to stop screen from left and right
CSS
0 vote245 views2 answers
Css multiline comment
CSS
0 vote265 views1 answer
Css create array
CSS
1 vote249 views1 answer
Css contenteditable outline
CSS
0 vote262 views1 answer
How to add space between image and text in css
CSS
13 votes266 views4 answers
Reduce image size css
CSS
-1 vote279 views1 answer
How to make white image black in css
CSS
3 votes254 views3 answers
Css border left
CSS
22 votes265 views6 answers
Create circle in css
CSS