Width or styling of select scrollbar

Topic: Width or styling of select scrollbar

hraud pro premium priority asked 3 years ago

We are getting several customers contacting us, because they don't see the scrollbar on our select dropdowns and don't realize that they can scroll. The existing scrollbar is very subtle. Is there some way to override the styling of the scrollbar to make it more visible, perhaps by making it wider and/or a different color?

enter image description here

Add comment

Michał Duszak staff answered 3 years ago

0 0 Best answer

You can use following selectors:

.select-options-wrapper::-webkit-scrollbar {
    width: 8px;
}

.select-options-wrapper::-webkit-scrollbar-thumb:vertical {
    background-color: pink;
}

Here is a snippet: https://mdbootstrap.com/snippets/standard/m-duszak/3921711#css-tab-view

Add comment

hraud pro premium priority answered 3 years ago