Angular mat选择覆盖变换(cdk覆盖窗格)
我需要将垫选项的宽度设置为与选择垫相同的值。 问题是cdk覆盖窗格添加了一个带有transform:translateX(-16px)的样式 我可以通过SCSS删除,但我需要知道是否有其他选项可以执行此操作 我试图覆盖选择面板缩进填充,但没有成功Angular mat选择覆盖变换(cdk覆盖窗格),angular,angular-material,Angular,Angular Material,我需要将垫选项的宽度设置为与选择垫相同的值。 问题是cdk覆盖窗格添加了一个带有transform:translateX(-16px)的样式 我可以通过SCSS删除,但我需要知道是否有其他选项可以执行此操作 我试图覆盖选择面板缩进填充,但没有成功 <mat-form-field [class.mat-form-field-invalid]="hasError"> <mat-select [placeholder]="placeholder" [formCon
<mat-form-field [class.mat-form-field-invalid]="hasError">
<mat-select
[placeholder]="placeholder"
[formControlName]="inputId"
disableOptionCentering
panelClass="join-panel-alligment"
>
<mat-option
*ngFor="let item of question.answerPossibilityList"
[id]="question.id + '_so_' + item.id"
[value]="item"
>
{{ item.label }}
</mat-option>
</mat-select>
</mat-form-field>
{{item.label}
预期结果:找不到使此工作正常的任何人
.cdk覆盖面板{transform:unset!important;.mat select面板{min width:100%!important;}}
这是丑陋的解决方案丑陋与否,CSS可能是唯一的解决方案。。。无法更改const SELECT_PANEL_INDENT_PADDING_X
,与大多数棱角材质组件一样,文档很糟糕:(找不到任何人可以工作….cdk overlay pane{transform:unset!important;.mat SELECT PANEL{min width:100%!important;}
这是一个丑陋的解决方案丑陋与否,CSS可能是唯一的解决方案…无法更改常量选择面板缩进填充,与大多数角材质组件一样,文档也很糟糕:(