如何使用 Material UI 在 Button 中应用内联 CSS

Posted 2023-02-22

【中文标题】如何使用 Material UI 在 Button 中应用内联 CSS

【英文标题】：How to apply inline css in Button using Material UI

【发布时间】：2019-08-11 03:17:12

【问题描述】：

const styles = 
    bgColor:
        backgroudColor: '#f9a825'
    


<Button color='primary' classes=fab:classes.bgColor variant="fab" aria-label="Checkout"> Click Here </Button>

在这里，我想更改背景颜色。它的应用，但它优先于 Theme css。

【参考方案1】：

classes 属性应用不正确。 你甚至不应该使用classes，因为你似乎没有注入任何东西；你应该使用style。

<Button color="primary"
        style=styles.bgColor
        variant="fab"
        aria-label="Checkout">
    Click Here
</Button>

---

如果你确实将classes 注入到你的组件中，你可以这样使用它：

<Button color="primary"
        classes= fab: classes.bgColor 
        variant="fab"
        aria-label="Checkout">
    Click Here
</Button>