# Change scrollbar appearance

**URL:** <https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [October 27, 2020, 2:30pm UTC](https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050 "2020-10-27T14:30:41Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![jpark](https://avatars.discourse-cdn.com/v4/letter/j/a88e57/32.png) [@jpark](https://forum.inductiveautomation.com/u/jpark)\
**Post date:** [October 30, 2020, 3:06pm UTC](https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050/4 "2020-10-30T15:06:42Z")

</div>

> [@Default Scrollbar CSS Style Change Question](http://forum.inductiveautomation.com/t/default-scrollbar-css-style-change-question/35812/7):
>
> Put the following in your own css. ::-webkit-scrollbar { width: 20px; } /\* Track \*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /\* Handle \*/ ::-webkit-scrollbar-thumb { background: red; border-radius: 10px; } /\* Handle on hover \*/ ::-webkit-scrollbar-thumb:hover { background: #b30000; } [image]

---

_[View the full topic](https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050)._