Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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).
Comment

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
3+6 =