reactjs - 蓝色按钮而不是紫色按钮

Question

我有带有react的material-ui，当添加按钮并将颜色设置为主要颜色时，它会变成紫色。根据这个网站，我预计它是蓝色的: https://material-ui.com/demos/buttons/

代码:

      <Button variant="contained" color="primary">
        Primary
      </Button>

如何让这个按钮变成蓝色？

Answer 1

按钮的颜色使用 Material UI 的颜色主题。 查看文档以覆盖样式: https://material-ui.com/customization/overrides/#overrides

有很多解决方案，但在这里您可以使用内联样式，例如:

style={{background: 'blue'}}

这是一个例子: https://codesandbox.io/s/material-demo-4pfve