无法使用 React JSS (react-jss) 创建切换开关

如何解决无法使用 React JSS (react-jss) 创建切换开关

我正在尝试通过在我的 React 项目中遵循此 example 来创建切换开关。我正在使用 react-jss 来帮助设计样式。我遇到了一个问题，即页面上未呈现带有空 '' 的内容样式属性。这实质上为开关创建了圆圈。我不确定这里需要做什么。

有问题的风格

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

在样式表中我是这样设置的

  slider : {
    '&:before' : {
        position: 'absolute',content: '',height: '26px',width: '26px',top: '4px',left: '4px',bottom: '4px',borderRadius : '50%',backgroundColor : 'white','-webkit-transition': '0.4s',transition: '0.4s'
    }
 }