如何更改Material-UI的Card标头正面？

Question

我目前有一个Material-ui卡标头，其背景色使默认字体难以阅读。我想让标题使用印刷道具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',
  }
},

希望这会有所帮助。