How to style the scroll bars? #627
-
|
I want to know the CSS for both the vertical and horizontal scroll bars. I want to change their styles, or at least making them bigger. |
Beta Was this translation helpful? Give feedback.
Answered by
SpartanJ
Sep 9, 2025
Replies: 1 comment
-
|
Start with reading the uicustomization docs. Also the CSS specification will help. You can override those rules in your ScrollBar {
min-width: 24dp;
min-height: 24dp;
}
ScrollBar::hback {
min-height: 20dp;
}
ScrollBar::vback {
min-width: 20dp;
}
ScrollBar::hbutton {
min-height: 20dp;
}
ScrollBar::vbutton {
min-width: 20dp;
} |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
blueberryscone238
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Start with reading the uicustomization docs. Also the CSS specification will help.
Scrollbar style can be read here from the default theme.
You can override those rules in your
style.css, for example the size:The scrollbar is a quite complex element because it contains several child elements, but,
hback abd vback the background of the slider (horizontal and vertical),
hbutton and vbutton are the sliders.