自定義 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的子類