How to change the scrollbar css in Kendo UI grid.

Is there any way (jQuery or CSS or anything) to change the styles. I wanna change the width of the scrollbar.

How to change the scrollbar css in Kendo UI grid.

Is there any way (jQuery or CSS or anything) to change the styles. I wanna change the width of the scrollbar.

• javascript
• jquery
• css
• kendo-ui
• kendo-grid

• Just FYI, the default scrollbar is determined by the browser and has nothing to do with kendo styling. – gitsitgo Commented Apr 3, 2014 at 17:35

1 Answer 1

In webkit, you can use ::-webkit-scrollbar property to define custom scrolbar

::-webkit-scrollbar {
    width: 4px;

}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}

OR

you could use Javascript plugins to customize scrollbars, like jQuery custom content scroller