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 vote171 views2 answers
Materialize css
CSS
2 votes169 views1 answer
Js confirm yes no before delete
CSS
0 vote174 views1 answer
No zoom viewport
CSS
0 vote201 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
0 vote164 views5 answers
Add css to javafx fxml
CSS
1 vote176 views1 answer
Materialize button
CSS
-1 vote207 views1 answer
Remove line breaks css
CSS
2 votes165 views1 answer
Css disable dropdown on input
CSS
0 vote161 views1 answer
Fullpage.js change the color of the anchor
CSS
2 votes164 views2 answers
How use befor after for image
CSS