javascript 更改标签材质的字体大小-ui

ngynwnxp 于 2023-05-05 发布在 Java

关注(0)|答案(3)|浏览(121)

我只是想不通这一个家伙。我想改变的字体大小的标签，这与我的文本字段。到目前为止，我只能改变输入的字体大小，但不能改变标签。
文本字段：

<TextField
 className={classes.TextField}
 id="input-with-icon-textfield"
 label="Zoeken"
 InputProps={{
 startAdornment: (
                  <InputAdornment position="start">
                         <Search />
                  </InputAdornment>
                                  ),
                 }}
 onChange={(e) => {this.setTextFilter(e.target.value);}}
 />

添加了一张图片，这样你就可以看到我的意思与标签。

JavaScript

来源：https://stackoverflow.com/questions/53191673/change-the-font-size-of-a-label-material-ui

3条答案

按热度按时间

bpsygsoo1#

最后，我在我的主mui主题中添加了一些代码。

const theme = createMuiTheme({
palette: {
  primary: {
    main: '#39870c',
    ligth: '#6cb842',
    dark: '#005900'
  },
  secondary: {
    light: '#01689b',
    main: '#0044ff',
    contrastText: '#ffcc00',
  },
},
overrides: {
  MuiInputLabel: { 
    root: { 
      color:'black',
      fontSize: 13, 
    },
  },
}

});

有了覆盖，我基本上可以改变任何东西。我希望这对将来的人有帮助，因为这真的很烦人。

赞(0）回复(0）举报 2023-05-05

rbl8hiat2#

另一个选择是：insted覆盖，可用作标签 prop 内的排版组件。看例子

<TextField 
  label={
    <Typography variant="headline" component="h3"> Zoeken </Typography>
  } ..../>

希望这能帮助到某人。

赞(0）回复(0）举报 2023-05-05

wljmcqd83#

我们可以在TextField中使用InputLabelProps和style****object，如下所示

<TextField 
    InputLabelProps={{
         style: {
             fontSize: 18,
         }
    }}
..../>

赞(0）回复(0）举报 2023-05-05

我来回答

javascript 更改标签材质的字体大小-ui

3条答案

相关问题

热门标签

最新问答