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 vote190 views1 answer
Background Image Accessibility concerns
CSS
0 vote209 views1 answer
CSS background blur or glass effect
CSS
11 votes246 views4 answers
Git hard reset to commit
CSS
0 vote145 views1 answer
Text flow top to bottom
CSS
0 vote289 views1 answer
Operador css contain attr
CSS
5 votes194 views1 answer
Safari only CSS hack
CSS
0 vote206 views1 answer
ProgressBars bulma -- thickness
CSS
1 vote200 views1 answer
A open new tab css
CSS
33 votes194 views2 answers
Gradient text colors
CSS
0 vote199 views1 answer
Au fourneua bakery
CSS