如何为 <mat-select> 中的占位符指定颜色？答案

【问题标题】：How to give a color for the placeholder in <mat-select>?如何为 <mat-select> 中的占位符指定颜色？
【发布时间】：2021-05-15 12:16:39
【问题描述】：

我没有在 mat-select 之前使用 mat-form-field。我想给占位符一些颜色。请帮我。谢谢。

<mat-select class="dropBox" placeholder="Select One" (selectionChange)="mymethod($event.value)" style="background-color:#FFFFFF;">
                    <mat-option *ngFor="let option of myList" [value]="initOption">
                             {{option}}
                     </mat-option>
       </mat-select>

【问题讨论】：

标签： html css angular

【解决方案1】：

例如，要将占位符涂成红色，请将其添加到组件的样式表中：

::ng-deep .dropBox .mat-select-placeholder {
  color: red;
}

【讨论】：

谢谢。有用。你能告诉我如何在上面的代码中重置 mat-select 吗？像有什么方法可以重置下拉菜单，以便每次操作后都显示占位符？
不客气。重置是什么意思？
例如，假设有另一个 select 。所以假设我在第一个选择器中选择了一个选项。然后我在第二个选择器中选择一个选项。然后，当我在第一个选择器中更改一个选项时，第二个应该显示占位符。我想知道如何做这个功能
将[(ngModel)]="selectedOption"添加到第二个选择中，并在组件类中添加一个属性selectedOption: string;。然后在第一个选择中，添加(selectionChange)="resetSecondSelect()。最后添加一个方法resetSecondSelect() { this.selectedOption = ""; }
知道了！非常感谢