Javascript 如何在React中调整Material UI工具提示字体大小

我使用材质ui实现了工具提示，但字体大小太小。我不能用.scss来改变它

从“React”导入React；
导入“/InfoTooltip.scss”；
从“@material ui/icons/Info”导入信息图标；
从“@material ui/core/Tooltip”导入工具提示；
const InfoTooltip:React.FC=（{children}）=>{
const[label，…rest]=子项；
返回(
{rest}
);
};
导出默认信息工具提示
.info工具提示容器{
.标签容器{
字号：18px；
}
标签{
字号：18px；
}
}
您可以将自定义组件直接添加到道具标题中

如果需要，您可以向刚才添加的组件添加任何
内联样式

包括
字体大小

<Tooltip title={<h1 style={{ color: "lightblue" }}>title</h1>}>
  <InfoIcon />
</Tooltip>





请参阅：MUI工具提示文档：
您可以在全局级别或组件级别执行此操作

全球一级
这样，应用程序中的所有
工具提示将获得样式

首先，您需要创建一个
theme.js
文件：

“严格使用”；
从'@material ui/core/styles'导入{createMuiTheme}；
const theme=createMuiTheme({
覆盖：{
MuiTooltip：{
工具提示：{
字体大小：“1em”，
},
},
},
});
导出默认主题；

然后将其导入主应用程序组件，以便将其应用于所有应用程序组件：

“严格使用”；
从“React”导入React；
从'@material ui/styles'导入{ThemeProvider}；
从“@material ui/core/CssBaseline”导入CssBaseline；
从“theme.js”导入主题；
导出默认类App扩展React.Component{
render（）{
返回(
{/*您的应用程序内容*/}
);
}
}

组件级
使用这种方法，可以为每个组件定义不同的样式

“严格使用”；
从“React”导入React；
从'@material ui/core/styles'导入{makeStyles}；
从“@material ui/core/Tooltip”导入工具提示；
const useStyles=makeStyles({
工具提示：{
字体大小：“1em”，
},
});
导出默认类MyComponent扩展React.Component{
const classes=useStyles（）；
render（）{
返回(
);
}
}
将选择器ID添加到工具提示并在css工作表中使用，我无法从您的代码中复制。您是否尝试添加
！重要信息
一次？@Zuckerberg
！重要信息
不需要，因为可以在不使用此选项的情况下修复问题，这应该是问题的最后一个选项！。尝试添加
工具提示的
类
属性
？该帖子解决了您的问题吗？请提供一些反馈，我们将不胜感激。看见