更改文本字段中的值的颜色

时间:2016-08-03 12:03:01

标签: extjs

我有一个'Ext.form.field.Text'的元素。
我想在文本字段中更改输入字符串的颜色 目前,该字段已禁用,文本显示为浅灰色,我想将其更改为不同的字体。
我试过了:

<code>
    field.setFieldStyle('color: red  ;');
    field.fieldCls  = 'color: red  ;';
    field.cls = 'color: red  ;' 
</code>

以上所有对场地没有影响,或对场地周围的框架产生影响 我想只更改字段中填写的文本,周围没有任何内容...
此外,想要通过这样做来改变字段标签的颜色:

<code>`field.setLabelCssCls('color: DarkSlateGrey  ;');`</code> 

它已成功运作,寻找文本本身的eqvivalent。

1 个答案:

答案 0 :(得分:1)

要使输入字符串丰富多彩,您需要添加一些CSS。在css中,您需要添加所需的颜色。 之后在field.fieldCls属性中调用此css。这是字段输入的默认CSS类。 你的CSS应该像:

.colorText{
    color: red;
}

将css调用到field.fieldCls之后再调用

 fieldCls: 'colorText',

我为你创造了一个小提琴手,你可以在这里查看。 Fiddle