我有一个有Angular 的材质材质材质选择组件有[multiple]属性，还有一个没有。由于某种原因，有[multiple]属性的组件在顺风时会有一些奇怪的样式（你可以看到边界，它也太大了），我不知道为什么。
这里有一个屏幕截图显示了这个问题，另一个显示了应用的样式。我不知道从哪里开始，因为我不明白为什么tailwind添加了这个“公共”样式。x1c 0d1xx 1c 1d 1x
这是生成两个组件的代码：

<ng-container *ngFor="let role of roleFormGroups; index as i">
        <div [formGroupName]="i" class="flex flex-row justify-between items-center">
            <mat-form-field appearance="outline">
                <mat-label>{{'abc_name' | translate }}</mat-label>
                <mat-select formControlName="role_id" required>
                    <mat-option *ngFor="let option of availableRoles" [value]="option.id">
                        {{option.name}}
                    </mat-option>
                </mat-select>
            </mat-form-field>
            <mat-form-field appearance="outline">
                <mat-label>{{'some_label' | translate }}</mat-label>
                <mat-select formControlName="site_ids" required multiple >
                    <mat-option *ngFor="let option of availableScopes" [value]="option.id">
                        {{option.option}}
                    </mat-option>
                </mat-select>
            </mat-form-field>
            <button mat-mini-fab color="warn" class="self-start !mt-3" (click)="removeRole(i)"><mat-icon>delete</mat-icon></button>
        </div>
    </ng-container>

我使用的是tailwindcss 3.0.13和Angular 12.2.13以及tailwindcss/表单0.4.0