Custom TextField Material UI

Question

How do I customize the TextField especially the class below? in React Material UI?

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


 <TextField className={classes.root} />

Answer 1

Try adding a space after the ampersand:

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

.MuiOutlinedInput-inputMarginDense is a child class of MuiTextField-root