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

Question

我想更改 Kendo-numerictext 框中的文本颜色 KendoUI for Angular.

样式属性不起作用。使用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;
}