如何在MaterialUI中设置TextField样式

<TextField
  inputProps={{ style: { color: 'red' } }}
/>

<TextField
  inputProps={{ style: { backgroundColor: 'lightblue' } }}
/>

<TextField
  inputProps={{ style: { border: '2px solid red' } }}
/>

<TextField
  inputProps={{ style: { fontSize: '20px' } }}
/>

<TextField
  style={{ width: '300px' }}
/>

import React from 'react';
import TextField from '@material-ui/core/TextField';
import './styles.css'; // 引入自定义CSS文件

const CustomTextField = () => {
  return (
    <TextField className="custom-textfield" />
  );
}

export default CustomTextField;

.custom-textfield {
  color: red;
  background-color: lightblue;
  border: 2px solid red;
  font-size: 20px;
  width: 300px;
}