Issue
I tried such a things where I wanted to controll or design the website / browser scrollbar width by CSS. I know how to controll the scrollbar width, but it only works for vertical scrollbar, not for horizontal. How can I controll it ?
Here's my approach:
::-webkit-scrollbar { width: 10px; }
but it only works for vertical, not for horizontal scrollbar. For that;
How can I make it thin ? I mean scrollbar thin in width (Horizontally).
Tried to make scrollbar thin in horizontally.
Solution
You should use 'height' for the horizontal scrollbar. like
::-webkit-scrollbar {
height: 5px;}
}
You can customise the appearance further using the following styles:
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #888;
}
::-webkit-scrollbar-track {
background: #f0f0f0;
}
::-webkit-scrollbar-thumb {
background: #888;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
Answered By - Akshay
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.