相关疑难解决方法(0)

我真的很讨厌必须为滚动条样式创建一个外部样式表，并且希望将其与其余样式一起放入根组件中。我已经尝试过了...

const styles = (theme: Theme) =>
  createStyles({
    scrollBar: {
      '&::-webkit-scrollbar': {
        width: '0.4em'
      },
      '&::-webkit-scrollbar-track': {
        '-webkit-box-shadow': 'inset 0 0 6px rgba(0,0,0,0.00)'
      },
      '&::-webkit-scrollbar-thumb': {
        backgroundColor: 'rgba(0,0,0,.1)',
        outline: '1px solid slategrey'
      }
    }
  });

然后将该类添加到根组件div中。我正在使用withStyles HOC，并且正在应用其他样式，因此我知道它正在工作，但是我无法弄清楚如何获得滚动条样式。有什么办法吗？

<div className={classes.scrollBar} />