# Default Scrollbar CSS Style Change Question

**URL:** <https://forum.inductiveautomation.com/t/default-scrollbar-css-style-change-question/35812>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [June 19, 2020, 12:22am UTC](https://forum.inductiveautomation.com/t/default-scrollbar-css-style-change-question/35812 "2020-06-19T00:22:26Z")\
**Posts on this page:** 1\
**Showing post:** 7

<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:** [June 25, 2020, 8:10pm UTC](https://forum.inductiveautomation.com/t/default-scrollbar-css-style-change-question/35812/7 "2020-06-25T20:10:36Z")

</div>

Put the following in your own css.

```auto
::-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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/c/ecd65a61145702d594329b260bbe1f4e2f40c811.png)

---

_[View the full topic](https://forum.inductiveautomation.com/t/default-scrollbar-css-style-change-question/35812)._