::-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).
Code Example |
---|
Css :: css image hover zoom and rotate |
Css :: hide element using css |
Css :: css border radius top |
Css :: html table wrap text |
Css :: convert image in rounshape in css |
Css :: flex align top css |
Css :: how to make fonts respnsive |
Css :: relier css html |
Css :: css select with attribute |
Css :: bootstrap Aligning images |
Css :: css animation infinite loop |
Css :: horizontal scroll with css grid |
Css :: move to last commit |
Css :: avoid side scrolling css |
Css :: 3 line after dot in css |
Css :: ie11 flex 1 |
Css :: css disable button click |
Css :: how to margin placeholdr text |
Css :: vertical align text in div bottom |
Css :: icon rounded corners css |
Css :: inner border css |
Css :: move bullets in css |
Css :: gradient 3 colors |
Css :: grid place between |
Css :: how to make text transparent with stroke in css |
Css :: html file upload without browse button |
Css :: css highlight element |
Css :: font face |
Css :: css selector label for |
Css :: make something slowly invisible css |