如何设置材质工具提示 Angular 7 的样式

Question

我已经尝试过这个和这个，这些问题的答案都不适合我。

我想做的是设置工具提示的样式，我希望能够增加字体的大小。目前我只能增加字体的大小，<div>但工具提示字体保持相同的大小。

我的 html 看起来像这样：

<div id="divId" matTooltipClass="tooltip" matTooltip="This is a tooltip." matTooltipPosition="above"></div>

在 CSS 中我尝试使用：

• ::ng-deep .mat-tooltip
• .mat-tooltip
• .mat-tooltip.tooltip

以及使用!important. 这些都对工具提示的样式没有任何影响。

为什么这些解决方案都不起作用？能够设置工具提示样式的解决方案是什么？

Answer 1

将您的样式添加到全局样式中，材质工具提示以及对话框将在应用程序根目录之外呈现。即使你的样式很重要，你的样式也不起作用，因为你渲染的 css 的层次结构可能太低了。

如果您的资产文件夹中有外部 css 并配置了 angular.json，那么您的样式应该在那里。