4

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',
   },
vuvu
  • 4,886
  • 12
  • 50
  • 73

1 Answers1

13

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

'&::-webkit-scrollbar-thumb': {
    background: '#888'
}
Angel Politis
  • 10,955
  • 14
  • 48
  • 66
  • Additionally, if you want to hide it instead of styling it: `'&::-webkit-scrollbar': { width: 0, height: 0 }` https://stackoverflow.com/a/49278385/1385429 – Christiaan Westerbeek Jun 28 '20 at 05:33