如何使用JSS设置滚动条样式？

Question

如何使用JSS为滚动条设置样式？以下解决方案不起作用。

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

Answer 1

在JSS中，伪元素的前缀是＆符。尝试以下操作：

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

Answer 2

尝试一下：

注意：在此示例中，我仅添加了Chrome和Safari支持。

'&::-webkit-scrollbar-track': {
    -webkit-box-shadow: 'inset 0 0 6px rgba(0,0,0,0.3); '
} 
'&::-webkit-scrollbar-thumb': {
    -webkit-box-shadow: 'inset 0 0 6px rgba(0,0,0,0.3); '
}
'&::-webkit-scrollbar-thumb': {
    background-color: '#00ACED;'
}