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 votes330 views1 answer
@media prefers-color-scheme
CSS
3 votes337 views2 answers
Check ssh port
CSS
1 vote336 views1 answer
Top 10 customers odoo
CSS
0 vote337 views1 answer
All heading tags selector scss
CSS
1 vote405 views1 answer
Materialize customize container
CSS Materialize
7 votes318 views2 answers
Remove blue border on a input
CSS
0 vote330 views1 answer
Css dashed double border
CSS
1 vote315 views1 answer
How to make a relative div not take up space
CSS
7 votes309 views3 answers
Rounded input css
CSS
4 votes340 views2 answers
Javafx change button background color
CSS