javascript - 如何更改 Material-UI Card header front？

Question

我目前有一个 Material-UI 卡片标题，其背景颜色使默认字体难以阅读。我想让 header 使用排版 Prop h4 但很难找到成功。

const styles = {

    cardHeader: {
        backgroundColor: "#d8e2f3",
        MuiTypography: {
            fontVariant: "h4"
        }
    }
};

Answer 1

首先，一定要找好官方文档material ui card header api

我猜你可能想使用 .MuiCardHeader-title (.MuiCardHeader-root)

在浏览器中打开开发模式，鼠标悬停选择DOM，可以看到相关的类名，您可以在浏览器中更改其样式来检查您操作的DOM是否符合您的需求。

并如下定义类样式(MUI-datatable 的示例，它是来自 Material-UI 表的库)

MuiPaper: {
  root: {
    borderRadius: '0 !important',
  }
},
MUIDataTable: {
  root: {
  },
  tableRoot: {
  },
},
MUIDataTableToolbar: {
  root: {
    display: 'none',
  }
},

希望对您有所帮助。