javascript - MUI自定义按钮颜色？

Question

我正在努力修改 MUI next (v1) 中的按钮颜色。

我如何将 muitheme 设置为与 bootstrap 的行为相似，这样我就可以只对红色使用“btn-danger”，对绿色使用“btn-success”...？

我尝试使用自定义 className 但它无法正常工作(悬停颜色不会改变)并且它似乎是重复的。我有哪些选择？

Answer 1

你可以试试这个

<Button
    style={{
        borderRadius: 35,
        backgroundColor: "#21b6ae",
        padding: "18px 36px",
        fontSize: "18px"
    }}
    variant="contained"
    >
    Submit
</Button>