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 vote219 views1 answer
Mdn css marker
CSS
25 votes231 views5 answers
Css line spacing
CSS
0 vote197 views1 answer
Vue v-cloak not working
CSS
0 vote256 views1 answer
Twig language name
CSS
0 vote212 views1 answer
Add a class to header
CSS
0 vote202 views1 answer
Darken scss
CSS
1 vote166 views1 answer
Transition all 0.3s ease-in-out
CSS
0 vote217 views1 answer
Padding 2 values how would be they applied
CSS
0 vote196 views1 answer
Jest test try catch
CSS
1 vote220 views3 answers
Font-style
CSS