javascript - 如何禁用输入但不让文本显示为灰色？

Question

我正在禁用输入。但我希望文本仍然清晰易读。现在它变灰了，正如我想的那样。这是我必须用 CSS 做的事情还是可以用 javascript/jquery 来实现？片段版本比我的实际输入具有更好的可读性。我的代码:

  jQuery('#displayName').val("sampleText");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label for="displayName" style="margin-right:15px;">Namn</label>
  <input type="text" class="form-control" id="displayName" disabled value="">
</div>

Answer 1

您可以使用 :disabled 选择器随意设置样式:

jQuery('#displayName').val("sampleText");

#displayName:disabled {
  background: white;
  color: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label for="displayName" style="margin-right:15px;">Namn</label>
  <input type="text" class="form-control" id="displayName" disabled value="">
</div>