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

10 votes253 views4 answers
Bootstrap badges Links
CSS Bootstrap
0 vote202 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS
0 vote233 views1 answer
How to make png smaller css
CSS
0 vote227 views1 answer
Html disable spin buttons on input type number
CSS
0 vote238 views1 answer
Using a Python dict for a SQL INSERT statement
CSS
7 votes229 views1 answer
How many fonts can i add in a css font-face
CSS
0 vote263 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
0 vote257 views1 answer
Css remove scrollbar from body
CSS
0 vote282 views2 answers
List-style-image size
CSS
1 vote218 views1 answer
Css ecken abrunden
CSS