如何更改材料输入文本样式反应js答案

【问题标题】：How to change material input text style react js如何更改材料输入文本样式反应js
【发布时间】：2021-01-18 05:52:58
【问题描述】：

我正在使用材质 ui TextField 我想更改我在文本字段中提到的部分的样式（见图）

或

用户书写的文本的字体

我尝试使用材料 API，但结果相同

 const useStyles = makeStyles((theme) => ({
    root: {
      "&. input":{
        fontFamily:'roboto'
      }
    )
  }

【问题讨论】：

你想改变字体样式？
老实说，我不知道“这部分”是什么意思，但与 &. 不是有效的选择器无关
@MaulikSakhida 是的，我想更改字体样式
@hotpink 我指的是我在图片中提到的部分，用户编写的文本样式
你使用的是 Material UI TextField 组件还是 html input 标签？

标签： javascript reactjs material-ui

【解决方案1】：

对于 MUI TextField 试试这个

<TextField inputProps={{ style: { 'fontFamily' : 'roboto'} }} id="standard-basic" label="Standard" />

或

const useStyles = makeStyles((theme) => ({
    root: {  fontFamily: 'roboto' }
    }));

<TextField classes={{ input: classes.root }} id="standard-basic" label="Standard" />

其中任何一个都应该可以工作。

【讨论】：