# How to change scrollbars

**URL:** https://meta.discourse.org/t/how-to-change-scrollbars/116037
**Category:** UX
**Created:** [4월 26, 2019, 6:49오전 UTC](https://meta.discourse.org/t/how-to-change-scrollbars/116037 "2019-04-26T06:49:02Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [4월 26, 2019, 8:40오전 UTC](https://meta.discourse.org/t/how-to-change-scrollbars/116037/3 "2019-04-26T08:40:11Z")

</div>

This is what I used for this:

```plaintext
    &::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 10px;
    }

    &::-webkit-scrollbar-thumb {
      cursor: pointer;
      border-radius: 5px;
      background: dark-light-choose($primary-medium, $secondary-medium);
    }

    &::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 0;
    }

```

You can learn more about all of this here: [::-webkit-scrollbar CSS pseudo-element - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar)

Honestly I’m not a super huge fan of this and still made it for various reasons but I don’t recommend it, as stated in the MDN article this is not standard and not going to become standard.

---

_[View the full topic](https://meta.discourse.org/t/how-to-change-scrollbars/116037)._