title: Textarea readonly but change background color back to white
body: <p>I am trying to make a textarea readonly but do not like the gray background and want to make it white again... Is this possible because everything I am trying fails and it stays gray.</p>
  
  <p><a href="http://jsfiddle.net/ma42koz3/" rel="noreferrer">http://jsfiddle.net/ma42koz3/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="col-xs-6"&gt;
                  &lt;div class="row"&gt;
                    &lt;div id="DToday" class="col-xs-12"&gt;
                        &lt;label class="centered" for="DueToday"&gt;DUE TODAY @ 5:00&lt;/label&gt;
                        &lt;textarea type="text" name="DueToday" id="DueToday" class="form-control" rows="7"&gt;&lt;/textarea&gt;
                    &lt;/div&gt;
                    &lt;div id="DTmrw" class="col-xs-12"&gt;
                        &lt;label class="centered" for="DueTmrw"&gt;DUE &lt;span id="delivery-date"&gt;&lt;/span&gt; @ 5:00&lt;/label&gt;
                        &lt;textarea type="text" name="DueTmrw" id="DueTmrw" class="form-control" rows="7"&gt;&lt;/textarea&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(function() {
  
      $('#DueToday').attr('readonly', true);
      $('#DueToday').addClass('input-disabled');
      $('#DueTmrw').attr('readonly', true);
      $('#DueTmrw').addClass('input-disabled');
  
  });
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.input-disabled{
      background-color:#FFF;
  }
  </code></pre>