设置文本字段背景颜色不起作用

Question

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

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

有什么方法可以只用 JavaScript 解决这个问题吗？

Answer 1

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

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

1) 使用 Ext.get('txtUsuEmail-inputEl').

专门针对 <input> 文本框

2) 更改 background 属性而不是 background-color.

所以决赛看起来像：

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

这应该有效。

Answer 2

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

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

Set textfield backgroundcolor not work