jquery - Textarea 只读但将背景颜色更改回白色

Question

我正在尝试将文本区域设为只读，但不喜欢灰色背景并希望再次将其设为白色...这可能吗，因为我尝试的所有操作都失败了并且它保持灰色。

http://jsfiddle.net/ma42koz3/

HTML

<div class="col-xs-6">
                <div class="row">
                  <div id="DToday" class="col-xs-12">
                      <label class="centered" for="DueToday">DUE TODAY @ 5:00</label>
                      <textarea type="text" name="DueToday" id="DueToday" class="form-control" rows="7"></textarea>
                  </div>
                  <div id="DTmrw" class="col-xs-12">
                      <label class="centered" for="DueTmrw">DUE <span id="delivery-date"></span> @ 5:00</label>
                      <textarea type="text" name="DueTmrw" id="DueTmrw" class="form-control" rows="7"></textarea>
                  </div>
                </div>
            </div>

JS

$(document).ready(function() {

    $('#DueToday').attr('readonly', true);
    $('#DueToday').addClass('input-disabled');
    $('#DueTmrw').attr('readonly', true);
    $('#DueTmrw').addClass('input-disabled');

});

CSS

.input-disabled{
    background-color:#FFF;
}

Answer 1

在您的规则中使用 !important 以覆盖浏览器的默认值:

.input-disabled{
    background-color:#FFF !important;
}

FIDDLE