小编Ken*_*Lin的帖子

我创建了一个带有可编辑单元格的mui DataGrid 。在编辑模式下，输入的填充默认为 mui 生成的样式所示：0 16px

.css-jqsvr8-MuiInputBase-root-MuiDataGrid-editInputCell input {
  padding: 0 16px;
  height: 100%;
}

我想将上面的填充覆盖到0 1px我为 DataGrid 创建的主题内部：

const theme = createTheme({   
    components: {
        MuiDataGrid: {
            styleOverrides: {
                cell: {
                    padding: "0 1px",   // MuiDataGrid-cell default is "0 10px"
                },
        . . .
}

我不知道如何为上述指定 styleOverrides MuiInputBase-root-MuiDataGrid-editInputCell。改变正常的填充很简单cell。

我已经阅读了重写嵌套组件样式，但仍然不知道如何在我的theme. 有人能指出我正确的方向吗？提前致谢。