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
相关产品推荐
相关产品推荐

