css - Mat select没有弹出iframe边框，但本机选择工作正常

Question

我通过 iframe 在另一个网站上加载我的页面。当我使用本机选择时，

但是当我使用垫选择时，

这是我的简单代码，

<mat-form-field class="txt_box" appearance="outline">
            <mat-label>Status</mat-label>
            <select matNativeControl [(ngModel)]="selectedagentstatus">
                <option label="--select status --"></option>
                <option value="ready">Ready</option>
                <option value="notready">Not Ready</option>
                <option *ngFor="let agentval of agentdetails |keys" [value]="agentval">
                    {{agentval.value['name']}}</option>
                <option value="aftercallwork">after call work</option>
                <option value="logout">Log-out</option>
            </select>
        </mat-form-field>
        <mat-form-field class="txt_box" appearance="outline">
            <mat-label>Status</mat-label>
            <mat-select  [(ngModel)]="selectedagentstatus">
                <mat-option label="--select status --"></mat-option>
                <mat-option value="ready">Ready</mat-option>
                <mat-option value="notready">Not Ready</mat-option>
                <mat-option *ngFor="let agentval of agentdetails |keys" [value]="agentval">
                    {{agentval.value['name']}}</mat-option>
                <mat-option value="aftercallwork">after call work</mat-option>
                <mat-option value="logout">Log-out</mat-option>
            </mat-select>
        </mat-form-field>

css中是否有任何选项可以实现这一目标？