How to style scrollbars with JSS?

Question

How can I style the scrollbars with JSS? The solution below does not work.

   '::-webkit-scrollbar-track': {
     background: 'red',
   },
   '::-webkit-scrollbar': {
     width: 10,
     background: 'red',
   },
   '::-webkit-scrollbar-thumb': {
     background: 'green',
   },

Answer 1

In JSS, pseudo-elements are prefixed with an ampersand. Give the following a try:

'&::-webkit-scrollbar-thumb': {
    background: '#888'
}