'How to style scroll bar in code using css?

I am developing an online code editor similar to CodePen, and I was trying to style the scrollbar of code mirror, but I don't know what is the exact line of code for it. Please if you know mention scroll bar, track code with an example for better understanding thank you in advance

javascriptcsscodemirror


Solution 1:[1]

There is solution for your issue, you can use scrollbar-color + scrollbar-width:

/* NOTE: WORKS ONLY WITH FIREFOX */
body {
  scrollbar-color: blue red;
  scrollbar-width: thin;
}

More information at MDN:
scrollbar-color
scrollbar-width

Also there is non-standard solution for your problem by using ::webkit-scrollbar, but I do not recommend you to use it.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 NNL993

Related Questions