How to change the color of the scrollbar for Microsoft Edge?

Question

I want make the scrollbar for my site dark and customize it. It works on Chrome with ::-webkit-scrollbar but it doesn't work on Edge -- I couldn't find way changing the scrollbar color on Microsoft Edge.

Does anyone know how to do this? Please help :)

Possible duplicate of http://stackoverflow.com/questions/12293275/how-to-change-the-scrollbar-color-using-css — Lucian, Aug 02 '15 at 08:45
Not sure why this got a down vote. Seems like a legitimate question. — Drew Delano, Aug 04 '15 at 19:37
Indeed, one of the devs told me that they have removed it https://twitter.com/jonathansampson/status/627762770457432064 which is unfortunate. — DON TOLIVER, Aug 04 '15 at 20:55
It's been on the backlog almost since this question was asked... It really needs to be done. Essential for a good UX. — Alexander, Apr 29 '18 at 03:31

score 22 · Answer 1 · answered Aug 14 '15 at 08:16

There is currently no way to do this in Microsoft Edge. In IE there were vendor specific, non-standard, CSS properties to achieve this. These were removed in MS Edge as they could be used to target the browser and break compatibility with sites that were expecting old IE behaviour (the properties are very old). Unfortunately there are no good standard properties in CSS to replace these at the moment.

There is a UserVoice suggestion you can vote on to add a method to style scrollbars. We use this as one of the inputs when planning feature priorities in the EdgeHTML engine.

Dear microsoft. Do us a favor.please stop developing browser apps.PLEASE!! — Behnam Esmaili, May 14 '19 at 06:21

score 0 · Answer 2 · answered Jan 30 '21 at 10:51

The following worked for me:

/* Works on Chrome, Edge, and Safari */

*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: orange;
}

*::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 3px solid orange;
}

For more info: https://www.digitalocean.com/community/tutorials/css-scrollbars

How to change the color of the scrollbar for Microsoft Edge?

2 Answers2

Linked

Related