我想删除背景上的模态,我知道有一个hasBackdrop属性时,打开模态,但我只想隐藏的背景下,根据一些条件,这将发生在模态。所以我想我可以用css来做,但是在检查了modal上的元素后,我找不到任何与背景的css相关的东西。
yrwegjxp1#
我完全不明白这个问题。
如果你需要的可能是删除对话框的阴影框,只需找到包含你需要处理的对话框的组件,找到它的样式文件并添加以下内容:
/deep/.mat-dialog-container { box-shadow: none; }
字符串关于deep用法的更多信息可以在angular文档中找到,更多关于here (stackoverflow's question)和angular's blog website用法的例子。
deep
如果这里需要的是移除背景,那么事先创建一个类,如
.no-backdrop { background: none; }
型并将其添加到用于创建对话框的函数中:
this.dialog.open(LoaderComponent, { backdropClass: 'no-backdrop', });
型您也可以将false作为值添加到字段hasBackdrop中,如下所示:
false
hasBackdrop
this.dialog.open(LoaderComponent, { hasBackdrop: false });
型默认情况下,该值为true。更多信息可以在angular material v5的网页上找到。希望它能帮助到某人。
jm2pwxwz2#
.mat-dialog-container有box-shadow,你可以去掉盒子阴影。例如,您可以添加box-shadow: none;作为内联角色或box-shadow: none !important;。两者都将删除框阴影。
.mat-dialog-container
box-shadow
box-shadow: none;
box-shadow: none !important;
yvfmudvl3#
试试这个:在.css/.scss文件中覆盖类
/deep/.cdk-overlay-dark-backdrop { background:none!important; }
字符串
shyt4zoc4#
this.dialog.open(ExpandedTableComponent, { maxWidth: '100vw', maxHeight: '100vh', height: '90%', width: '100%', hasBackdrop: false, });
4条答案
按热度按时间yrwegjxp1#
我完全不明白这个问题。
如果你需要的可能是删除对话框的阴影框,只需找到包含你需要处理的对话框的组件,找到它的样式文件并添加以下内容:
字符串
关于
deep
用法的更多信息可以在angular文档中找到,更多关于here (stackoverflow's question)和angular's blog website用法的例子。如果这里需要的是移除背景,那么事先创建一个类,如
型
并将其添加到用于创建对话框的函数中:
型
您也可以将
false
作为值添加到字段hasBackdrop
中,如下所示:型
默认情况下,该值为true。
更多信息可以在angular material v5的网页上找到。
希望它能帮助到某人。
jm2pwxwz2#
.mat-dialog-container
有box-shadow
,你可以去掉盒子阴影。例如,您可以添加box-shadow: none;
作为内联角色或box-shadow: none !important;
。两者都将删除框阴影。yvfmudvl3#
试试这个:
在.css/.scss文件中覆盖类
字符串
shyt4zoc4#
字符串