Css ：悬停和：在'；行不通

我正在尝试创建一个const对象，它应该是一个带有React内联样式的按钮，但是

：hover

和

：focus

不起作用。如何在React中实现悬停和聚焦

感谢您的帮助！提前谢谢

const Button= {
  background: '#AC003B',
  color: '#fff',
  borderColor: '#AC003B',
  &:hover, &:focus {
    background: '#707070',
    borderColor: '#707070'
  }       
}

---

我相信你想做的是：

const Button = {
  background: '#AC003B',
  color: '#fff',
  borderColor: '#AC003B',
  '&:hover, &:focus': {
    background: '#707070',
    borderColor: '#707070'
  }       
}

---

你的代码片段不是正确的Javascript，这个对象应该是你传递给style prop的对象吗？您将无法在内联样式中设置悬停或焦点样式，就像在常规HTML中一样。你在JS库中使用CSS吗？