以kendo数字文本框的格式应用样式

Question

如何在jquery中更改我的kendo数字文本框中的货币颜色？我在kendo中使用标准代码创建了一个数字文本框。

$("#currency").kendoNumericTextBox({
 format: "c",
});

例如，我的输入元素中的值为12.00。 我只是想改变$的颜色。不是12.00。

我怎样才能做到这一点？

Answer 1

为“k-formatted-value”类文本框应用css，即货币值

尝试这样的事情......

  var widget = $("#numeric").kendoNumericTextBox().data("kendoNumericTextBox");
  widget.wrapper.find("input.k-formatted-value").css("color", "red");

请参阅此链接以实现

http://docs.telerik.com/kendo-ui/controls/editors/numerictextbox/how-to/change-text-color

<强>更新：

我们可以通过一些技巧来改变货币格式的颜色变化。

我为普通文本框做了。 请参阅JSfiddle。

根据您的要求尝试这样的事情。

步骤： 1.创建一个span元素     

1. 为输入创建onchange事件

   $（ “＃工资”）。kendoNumericTextBox（{                         改变：onChange， }）;

2. 定义样式更改功能。

   function onChange（）{     ChangeColorFormat（$（ 'K-格式化值。'））; }

   function ChangeColorFormat（inp）{     inp.style.color ='transparent';     var span = document.getElementById（'back'）;     span.innerHTML = inp.value.substr（0,1）+         “”+         inp.value.substr（1,1）+         “”+         inp.value.substr（2）; }

Answer 2

找到解决方案。因为它的kendo，它只是在加载之前设置ClientTemplate。