kendo-ui - Angular KendoUI 中 kendo-numerictextbox 中的文本颜色

Question

我想为 Angular 的 KendoUI 更改 kendo-numerictextbox 中的文本颜色。

style 属性无效。使用 Jquery 我们可以更改样式，但我们如何在 KendoUI for Angular 中做到这一点？

<kendo-numerictextbox class="form-control"
               [decimals]="1"
                       [spinners]="false"
                       [format]="'n1'"
                       tabindex="{{i}}" 
                       style="font-size:12px; padding:1px; color:red"
                       [formControlName]="item.Index" >
  </kendo-numerictextbox>

Answer 1

import { Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
    <style>
      ::ng-deep .k-numerictextbox .k-numeric-wrap .k-input {
        color: red;
      }
    </style>
    <kendo-numerictextbox
      [value]="value"
      [min]="0"
      [max]="100"
      [autoCorrect]="autoCorrect"
      style="font-size:12px; padding:1px;"
    >
    </kendo-numerictextbox>
  `
})
export class AppComponent {
  public autoCorrect: boolean = false;
  public value: number = 5;
}