title: Bootstrap form input change background color on text enter and revert on empty field
body: <p>I just need to change the background color in input field when someone fill out the field. If not, keep the default background color. Any method for doing this without extra classes in bootstrap? </p>
  
  <p>I tried with but no luck. The background color will disappear when focus out. </p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;input type="text" class="form-control"&gt;
  &lt;/div&gt;
  
  .form-control:active,
  .form-control:focus,
  .form-control:focus:active {
    background-color: #96d3ec!important;
    border-color: #96d3ec;
    color: white;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/DTcHh/" rel="nofollow noreferrer">Jsfiddle</a></p>