如何禁用输入但不能在文本上获得灰色调?

问题描述 投票:0回答:2

我正在禁用输入。但我希望文本仍然清晰可读。现在它的灰色,我想的意图。这是我用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>
javascript jquery css input
2个回答
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>

0
投票

如果您不想使用样式,则可以使用readonly属性。

一个JavaScript解决方案是

node.onfocus = function(){node.blur();};
© www.soinside.com 2019 - 2024. All rights reserved.