2017-12-15 26 views
0

入力を無効にしています。しかし、私はまだテキストを明確かつ読みやすいものにしたいと思います。今は私が思っているのと同じように、灰色になっています。これは私が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>

+1

または入力 – epascarello

+0

私は、このようなIDOTだことはありませんです。 ofcourse.readonly。完全に忘れてしまった。 @itayのソリューションは視覚的に優れています。 'readonly'を実行すると入力の灰色の背景が表示されます。お二人のおかげです。私は2つを組み合わせます。 – AllramEst

答えて

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>

+1

私は間違いなく私のメモリバンクにこの1つを追加します。ありがとう! – AllramEst

+0

私は答えを受け入れたいですが、それは約8分私をさせてくれません、後でそれを行います。 – AllramEst

0

スタイルを使用すると、を読むことができます属性のみです。

javascriptのソリューションは、

node.onfocus = function(){node.blur();}; 
読み取り専用
関連する問題