自定义 TextField 材质 UI

Question

如何自定义 TextField 尤其是下面的类？在 React Material UI 中？

  root: {
    '& .MuiOutlinedInput-inputMarginDense': {
      paddingBottom: 'none !important',
    },
  },


 <TextField className={classes.root} />

Answer 1

尝试在＆符号后添加一个空格：

  root: {
    '& .MuiOutlinedInput-inputMarginDense': {
      paddingBottom: 'none !important',
    },
  },

.MuiOutlinedInput-inputMarginDense 是 MuiTextField-root

的子类