You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular 18中matTooltipClass样式不生效的问题求助

Angular 18中matTooltipClass样式不生效的问题求助

大家好,我最近在Angular 18项目里碰到了个棘手的问题,想请各位帮忙看看!

我想自定义Material Tooltip的样式,试过两种方法:一是在全局styles.scss里写自定义样式,二是在组件的SCSS文件中用::ng-deep包裹样式,但不管哪种方式,自定义的样式都完全不生效。

后来我排查发现,问题好像和全局样式里引入的Material预构建主题有关:

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

如果把这行代码删掉,matTooltipClass的自定义样式就能正常生效了,但tooltip的定位直接乱套了,完全没法正常使用。我还找了其他Angular 18的示例项目,发现也存在一模一样的问题。

有没有大佬遇到过类似的情况?或者有没有什么办法能让我既保留Material主题的默认样式,又能成功自定义tooltip的样式?麻烦给点提示,谢谢大家!

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.07 09:14:33