在Extjs Textfield上设置背景颜色

Question

当我的值大于75时，我试图将背景颜色设置为文本字段。所以我将下面的代码添加到了监听器

listeners: {
       beforeRender: function(e) {
           if (someValue >= 75) {
               e.style = " background-color: #00CC99";
           }
       }
 }

但是渲染时会得到类似下面的内容，

有没有办法让绿色在整个文本框中可见而不仅仅是buttom？我发现由于默认的CSS背景图像，它没有按预期显示。但我想改变价值变化的CSS而不是只为一个文本框写单独的CSS。有办法吗？

Answer 1

摆脱背景图片：

e.style = "background-image:none;background-color:#00cc99;";
/* or */
e.style = "background:none #00cc99;";

如果e是DOM对象，请改为使用element.style.property = 'value'：

e.style.backgroundImage = 'none';
e.style.backgroundColor = '#00cc99';
/* or */
e.style.background = 'none #00cc99';

为了完整性，ExtJS中的定义（根据ExtJS "Form Field Types" demo）：

.x-form-field,.x-form-text{
    /* ... */
    background:url("../../resources/themes/images/default/form/text-bg.gif") 
         repeat-x scroll 0pt 0pt white;
}