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>