如何在angular 6的输入中改变垫子图标的颜色？

在Angular 6中，可以通过使用ngClass指令来改变输入框中垫子图标的颜色。ngClass指令可以根据条件动态地添加或移除CSS类。

首先，在组件的HTML模板中，找到对应的输入框，并为其添加一个CSS类，例如"input-with-icon"：

<input type="text" class="input-with-icon" [(ngModel)]="inputValue">

接下来，在组件的CSS文件中，定义该CSS类的样式，并设置垫子图标的颜色。例如，将垫子图标的颜色设置为红色：

.input-with-icon {
  position: relative;
}

.input-with-icon::ng-deep .mat-icon {
  color: red;
}

这样，当输入框具有"input-with-icon"类时，垫子图标的颜色将变为红色。

另外，如果你使用的是Angular Material库中的MatInputModule，可以使用matSuffix指令来添加垫子图标。例如：

<mat-form-field>
  <input matInput type="text" [(ngModel)]="inputValue">
  <mat-icon matSuffix>search</mat-icon>
</mat-form-field>

以上代码中，matSuffix指令将"search"图标添加为输入框的垫子图标。你可以根据需要替换为其他图标。

对于Angular 6中的输入框，以上方法可以帮助你改变垫子图标的颜色。如果你想了解更多关于Angular的知识，可以参考腾讯云的Angular产品文档：Angular产品文档