如何为material-ui组件添加自定义颜色?

酒馆

在某些material-ui组件中,我们有一个名为的道具color我们可以传递'default', 'inherit', 'primary', 'accent', 'contrast'给它。但是我们可以为其传递自定义颜色吗?例如,我需要将按钮样式设置为红色。如果不是我的原色或强调色,该怎么办?

凯西

您可以只给按钮一个style={{backgroundColor: 'red'}},它将改变按钮的颜色。

 <FlatButton label="My Colored Button" style={{backgroundColor: 'red'}} />

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在material-ui中自定义复选框的颜色

如何为Material Design App创建具有自定义颜色的自定义调色板?

如何添加自定义的Prime NG组件

如何在Material UI Stepper Step中自定义颜色?

角度材料设计-如何添加自定义按钮颜色?

无法自定义material-ui RaisedButton的颜色

如何为Material UI的页眉,正文和按钮标签设置自定义字体?

React Material UI:禁用后如何为按钮提供自定义颜色?

如何在Material-UI菜单中使用自定义功能组件

material-ui组件样式自定义–将选定组件的颜色更改为白色

如何为React Material UI控件添加自定义验证?

如何自定义React Material UI的Tab组件的文本样式

Material-UI:使用withStyles自定义Box组件

如何为Material UI Icon应用白色?

如何为该脚本添加自定义颜色?

如何为使用核心图形制作的形状添加自定义颜色?

使用 Material-UI 的 tab 组件时,如何自定义选中的 tab 的样式?

如何为 mkdocs-material 指定自定义原色?

带有 ThemeProvider 的 Material UI Palette 自定义颜色

如何使用样式组件自定义 Material-UI Text Field 的边框颜色、宽度和高度

如何在 Sapper 项目中为 Svelte Material UI (SMUI) 组件使用自定义主题/颜色?

Material-UI Select 组件与自定义子项

如何在 Material UI TextField 组件中的关闭图标上添加自定义处理程序?

如何为 Material UI 的 TableHead 赋予圆角

如何使用 TypeScript 在 Material UI 上添加自定义颜色名称?

如何为 Material-UI 导入别名?

如何使用 Material UI 主题自定义按钮的背景颜色

向 Material UI 添加额外/自定义道具

Material UI Dialog 模态组件的自定义“全屏”高度