【问题标题】:How to override .mat-grid-tile css如何覆盖 .mat-grid-tile css
【发布时间】:2020-02-02 12:22:34
【问题描述】:

我在 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

页面刷新时

我在控制台手动更改后(无论页面是否刷新都是这样的)

【问题讨论】:

  • 您可以通过在 CSS 选择器之前添加 /deep/ 注释来​​覆盖组件样式中的 .mat-class

标签: css angular angular-material


【解决方案1】:

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

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

而不是

 .o-unset{
overflow: unset;
} 

【讨论】:

  • 非常感谢!我一直在努力解决这个问题。你太棒了!
  • @TimuçinÇiçek 很高兴它有帮助
猜你喜欢
  • 1970-01-01
  • 2020-08-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-03-02
  • 2020-08-01
  • 2021-11-23
相关资源
最近更新 更多