设置textfield backgroundcolor不起作用

Question

我有一个包含三个字段的简单表单。其中有一个email验证，当email无效时，应该更改文字背景颜色。

但是，背景颜色没有变化。代码更改标签的背景颜色，而不是文本背景。

有没有办法只使用JavaScript来解决这个问题？

Fiddle

Answer 1

您需要对一行进行2次小改动

Ext.get('txtUsuEmail').setStyle('background-color','#DC143C'); //change this as per below

1）使用<input>

专门定位Ext.get('txtUsuEmail-inputEl').文本框

2）更改background属性而不是background-color。

所以决赛看起来像是：

Ext.get('txtUsuEmail-inputEl').setStyle('background','#DC143C');

这应该有用。

Answer 2

您可以为文本字段指定一个ID，只需使用下面的setStyle：

Ext.get('YourTextFieldId').setStyle('background', '#ABCDEF');