admin管理员组

文章数量:1024406

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 asked Apr 3, 2014 at 5:25 tishanthatishantha 4975 gold badges13 silver badges34 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

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

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 asked Apr 3, 2014 at 5:25 tishanthatishantha 4975 gold badges13 silver badges34 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

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

版权声明：本文标题：javascript - Change the scrollbar styles in KendoUI grid - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745500575a2153372.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。