在ExtJS中更改背景文本字段

Question

我已经在StackOverflow上阅读了一些问题here和here，但似乎没有任何帮助我的情况。

我想动态设置文本字段的背景颜色和边框。

我的textfield看起来像这样，但背景仍未改变：

这是因为背景中的图像会产生阴影效果。所以我尝试使用 background-image：none; 和 background：none; ：

在CSS中删除它

.invalid-component {
    background-color : #f4f777;
    border: 2px dotted #ffee27; //works!!
    background-image:none;
    background:none;
}

这仍然无效，图像不会被删除，背景颜色也不会改变。有什么帮助吗？

Answer 1

我在这里猜测并使用经典主题进行ExtJS 4.2.1。

所以只需将CSS改为

即可

.invalid-component {
    background : #f4f777 !important;
    border: 2px dotted #ffee27; //works!!
}