Css 更正ng2 opd弹出窗口 当我向窗口添加表单时，其排列如下：

但我需要：

在文件popup.component.html中：

<div id="ng2-opd-popup-main"
     *ngIf="visible" [ngClass]="mainClass" [ngStyle]="mainStyle">
    <div class="row">
        <div style="display: inline-block;width:100%">
           <div id="ng2-opd-popup-well"  [ngStyle]="wellStyle"
                class="ng2-opd-popup-well ng2-opd-popup-well-sm">
             {{popupService.options.header}}
           </div>
        </div>
    <div style="margin:20px;">
        <ng-content></ng-content>
        <div *ngIf="popupService.options.showButtons"
              style="margin-bottom:20px;margin-top:20px;float: right">
            <button id="cancelBtn" [ngClass]="cancelBtnStyle"
                    type="reset" (click)="confirmNo()">
              {{popupService.options.cancleBtnContent}}
            </button>
            <button id="confirmBtn" [ngClass]="confirmBtnStyle" 
                    (click)="confirmYes()">
              {{popupService.options.confirmBtnContent}}
            </button>
        </div>
    </div>

</div>
</div>

{{popupService.options.header}
{{popupService.options.cancleBtnContent}
{{popupService.options.confirbTnContent}

当我在

上更改行

时，什么也没有发生

---

应用程序不响应我的代码更改。有什么问题吗？

您是否尝试过使用

！重要信息

？问题可能在编译过程中的某个地方。对此文件所做的每一项更改都不会更新。您可以通过添加自己的自定义CSS来解决这一问题，该CSS将遍历DOM以查找所需的div。您可以使用

#ng2 opd popup main

作为良好的起点。只要你使用

！重要信息

在自定义样式中，它应该覆盖现有样式。

\ng2 opd popup main div:nth child（2）{宽度：100%！重要信息；}

它可以工作。但这是正确的吗？你说的正确是什么意思？