更改文本字段的字体

Question

我需要为@material-ui 中的TextField 使用特定字体，这是TextField 代码：

<TextField
  id="outlined-basic"
  className={classes.inputField}
  hintText="Level Data"
  floatingLabelText="MultiLine and FloatingLabel"
  multiline
  style={{width:"75%"}}
  rows={20}
/><br />

我是 React 和 @material-ui 的新手，因此我们将不胜感激！

Answer 1

由于您使用的是multiline，因此您可以选择定位textarea

const useStyles = makeStyles((theme) => ({
  inputField: {
    "& textarea": {
      fontFamily: "monospace"
    }
  }
}));

---

但要完整回答，如果您不使用multiline，只需定位input 元素

const useStyles = makeStyles((theme) => ({
  otherInputField: {
    "& input": {
      fontFamily: "monospace"
    }
  }
}));