更改角度材料输入文本框的突出显示颜色[重复]

Question

您好，我使用的是角度材质，我喜欢在点击时更改材质输入焦点颜色

现在默认显示为紫色，我喜欢改成白色

我尝试了很多 CSS。但没有什么对我有用

下面是stackblitz URL的例子

https://stackblitz.com/edit/material-input-sample?file=src/app/app.component.ts

Answer 1

您可以使用 ::ng-deep 修改 mat-input 元素的 css。

::ng-deep {
  .mat-form-field-label {
    color: white !important;
  }

  .mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: white !important;
  }
}

Example in stackblitz