如何修改工具提示组件的字体大小/样式？

Question

无法将自定义类分配给工具提示组件以更新工具提示组件的样式

尝试通过分配给类属性

发布于https://codesandbox.io/s/twilight-fire-907mp

Answer 1

使用自定义样式制作自己的工具提示，然后使用它：

const TooltipWithBiggerFontSize = withStyles({
  tooltip: {
    fontSize: 30
  }
})(Tooltip)

就像您已经使用其他组件一样，例如：DialogContent或DialogActions。

用法

<TooltipWithBiggerFontSize title="Custom Search">
  <Publish />
</TooltipWithBiggerFontSize>

顺便说一句，您的代码令人困惑。您正在混合功能和类组件。一次，您将一次使用withStyles来进行makeStyles的样式。 您应该选择一种方法并坚持下去。这是样式docs。它将解决您的大多数问题。

codesandbox