reactjs - 如何对material-ui的卡片组件进行样式设计,上面没有太多内容?

标签 reactjs material-ui

如何设置material-ui的卡片组件的样式,上面没有太多内容? github 页面上有 getMuiTheme,但它命名了一些可自定义的属性,但没有关于颜色的内容。

最佳答案

您可以通过像您所说的那样覆盖主题来全局更改material-ui的颜色。

const myTheme = getMuiTheme(lightBaseTheme, {
    palette: {
        primary1Color: "red",
        primary3Color: "blue",
    },
});

您提到了 Card 组件,通过 material-ui 您可以使用 style 或类似的属性覆盖特定元素的样式。例如,

<Card style={{ backgroundColor: "red" }}>
    ...
</Card>

关于reactjs - 如何对material-ui的卡片组件进行样式设计,上面没有太多内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47070530/

相关文章:

javascript - React.js - 动态添加 div

javascript - 通过连接调度操作我收到错误最大调用堆栈大小超出

reactjs - 类型错误 : Cannot read property 'attach' of undefined makeStyles. js

javascript - 是否可以为凸起按钮添加自定义悬停颜色?

javascript - Material UI 步进器使用替代颜色

javascript - React - 如何在父状态组件更改时强制子组件重新渲染?

javascript - 使用 ListView 自动完成 TextInput - 必须点击 ListView 两次才能选择列表项

javascript - 没有 babel 或 webpack 的 ReactJS Hello World

javascript - Material-UI 上的样式 : Undefined CSS fields

javascript - 一旦元素在 Material-UI 中可见,就触发 CSS 动画