javascript - Change the scrollbar styles in KendoUI grid - Stack Overflow

admin管理员组

文章数量:1429953

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

Share Improve this question Follow asked Apr 3, 2014 at 5:25 tishanthatishantha 49755 gold badges1313 silver badges3434 bronze badges 1

• 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

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

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

本文标签： javascriptChange the scrollbar styles in KendoUI gridStack Overflow