title: Setting background color on Extjs Textfield
body: <p>I am trying to set a background color to a textfield when its value is greater than 75. so I added the below code to the listener</p>
  
  <pre><code>listeners: {
         beforeRender: function(e) {
             if (someValue &gt;= 75) {
                 e.style = " background-color: #00CC99";
             }
         }
   }
  </code></pre>
  
  <p>but i get something like below when it renders, </p>
  
  <p><img src="https://i.stack.imgur.com/sSogV.gif" alt="enter image description here"></p>
  
  <p>is there a way to make the green color visible in the entire text box instead of just buttom? I figured out that it is not displaying as intended because of the default CSS's background image. But i want to change the css on change of the value and not write seperate css for just one textbox. Is there a way to do it?</p>