CSS代码删除角材质v5模态背景

lg40wkob  于 2023-08-08  发布在  其他
关注(0)|答案(4)|浏览(79)

我想删除背景上的模态,我知道有一个hasBackdrop属性时,打开模态,但我只想隐藏的背景下,根据一些条件,这将发生在模态。所以我想我可以用css来做,但是在检查了modal上的元素后,我找不到任何与背景的css相关的东西。

yrwegjxp

yrwegjxp1#

我完全不明白这个问题。

如果你需要的可能是删除对话框的阴影框,只需找到包含你需要处理的对话框的组件,找到它的样式文件并添加以下内容:

/deep/.mat-dialog-container {
  box-shadow: none;
}

字符串
关于deep用法的更多信息可以在angular文档中找到,更多关于here (stackoverflow's question)angular's blog website用法的例子。

如果这里需要的是移除背景,那么事先创建一个类,如

.no-backdrop {
  background: none;
}


并将其添加到用于创建对话框的函数中:

this.dialog.open(LoaderComponent, {
  backdropClass: 'no-backdrop',
});


您也可以将false作为值添加到字段hasBackdrop中,如下所示:

this.dialog.open(LoaderComponent, {
  hasBackdrop: false
});


默认情况下,该值为true。
更多信息可以在angular material v5的网页上找到。
希望它能帮助到某人。

jm2pwxwz

jm2pwxwz2#

.mat-dialog-containerbox-shadow,你可以去掉盒子阴影。例如,您可以添加box-shadow: none;作为内联角色或box-shadow: none !important;。两者都将删除框阴影。

yvfmudvl

yvfmudvl3#

试试这个:
在.css/.scss文件中覆盖类

/deep/.cdk-overlay-dark-backdrop {
    background:none!important;
}

字符串

shyt4zoc

shyt4zoc4#

this.dialog.open(ExpandedTableComponent, {
      maxWidth: '100vw',
      maxHeight: '100vh',
      height: '90%',
      width: '100%',
      hasBackdrop: false,
    });

字符串

相关问题