Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular mat选择覆盖变换(cdk覆盖窗格)_Angular_Angular Material - Fatal编程技术网

Angular mat选择覆盖变换(cdk覆盖窗格)

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

我需要将垫选项的宽度设置为与选择垫相同的值。 问题是cdk覆盖窗格添加了一个带有transform:translateX(-16px)的样式

我可以通过SCSS删除,但我需要知道是否有其他选项可以执行此操作

我试图覆盖选择面板缩进填充,但没有成功

<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可能是唯一的解决方案…无法更改
常量选择面板缩进填充,与大多数角材质组件一样,文档也很糟糕:(