material-ui - 如何使用 Material UI 在 Button 中应用内联 CSS
问题描述
const styles = {
bgColor:{
backgroudColor: '#f9a825'
}
}
<Button color='primary' classes={fab:classes.bgColor} variant="fab" aria-label="Checkout"> Click Here </Button>
在这里,我想更改背景颜色。它的应用,但它优先于 Theme css。
解决方案
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>
推荐阅读
- service-worker - Why service-worker does not cache js file
- excel - SUM multiple Measures in CUBEVALUE
- c# - 如何在 C# 中安排 Selenium Web 驱动程序测试
- python - What is a good way to create objects with methods on the fly in Python?
- flutter - Flutter:showDatePicker:取消按钮的替代文本是否可能?
- docker - Docker image is very large when including a small node library
- pentaho - Pentaho 勺子:无法将字符串转换为数字:在位置 1 找到值 [100] 的非数字字符
- android - ListView 中的文本颜色未更新
- php - 如何为自定义帖子类型创建自定义标签的存档页面?
- python - Python:等待所有线程在代码中的特定点继续