mui TextField 标签宽度问题，当我进行字体覆盖时答案

【问题标题】：mui TextField label width problem, when I do font overridemui TextField 标签宽度问题，当我进行字体覆盖时
【发布时间】：2021-01-21 03:15:05
【问题描述】：

如果我覆盖标签字体，标签宽度不会重新计算，轮廓在文本中。

【问题讨论】：

一个简单的解决方案是将backdoundColor:"#fff" 添加到标签中。它会隐藏轮廓。
这能回答你的问题吗？ dynamic label width textfield outlined material ui react
我在代码框示例中添加了 backgroundColor。它不起作用。如果标签文本发生变化，“动态标签宽度文本字段概述材料 ui 反应”可能会很好。这次不是这样。

【解决方案1】：

我在 github 上得到了答案。

在您的情况下，您需要自定义标签的字体大小和差距。

"& .MuiInputLabel-root, fieldset": {
  fontSize: "1.1rem",
}

【讨论】：