如何更改Angular 5 Material输入占位符？

发布时间：2020-12-17 06:56:16 所属栏目：安全来源：网络整理

导读：如何更改角度/材质输入占位符上的占位符颜色？ mat-form-field input matInput placeholder="Name" /mat-form-field 解决方法若要更改占位符的颜色,请覆盖.mat-form-field-placeholder的color属性,如： ::ng-deep .mat-form-field-placeholder{ color:red;}

如何更改角度/材质输入占位符上的占位符颜色？

<mat-form-field>
    <input matInput placeholder="Name">
  </mat-form-field>

解决方法

若要更改占位符的颜色,请覆盖.mat-form-field-placeholder的color属性,如：

::ng-deep .mat-form-field-placeholder{

  color:red;
}

::ng-deep .mat-focused .mat-form-field-placeholder{

  color:red;
}

要更改下划线的颜色：

::ng-deep .mat-form-field-underline .mat-form-field-ripple{

  background-color:red;
}

::ng-deep .mat-form-field-underline{

  background-color:red;
}

这很完美.
演示：https://plnkr.co/edit/yF4kXJ500YzefLOnLKNe?p=preview

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!