如何覆盖.mat-grid-tile CSS

时间:2019-10-04 07:22:47

标签: css angular angular-material

我在mat-grid-tile内有一个弹出窗口,由于overflow:hidden而无法打开。为了覆盖它,我添加了一个CSS类,并将属性更改为overflow:unset,但效果很好。问题是,当页面被重新加载时,.mat-grid-tile css类将覆盖此未设置,但我不知道为什么会发生这种情况。我必须覆盖它,正如我在图像上看到的那样。我该怎么办那?

我的应用程序在stackblitz上的演示:(这里永远不会出现此问题,我分享了此内容以向您展示我的布局设计)

https://stackblitz.com/edit/angular-nsqsbi-z5dyus?file=app/grid-list-overview-example.html

页面刷新时

enter image description here

在控制台中手动更改它后(无论页面刷新与否,都看起来像这样

enter image description here

1 个答案:

答案 0 :(得分:4)

添加!important应该可以解决您的问题,因此请使用

.o-unset{
overflow: unset !important;
} 

代替

 .o-unset{
overflow: unset;
}