[解決済み] テキスト入力を編集できないようにするにはどうしたらいいですか？

質問

テキスト入力があります

<input type="text" value="3" class="field left">

以下はそのためのCSSです。

background:url("images/number-bg.png") no-repeat scroll 0 0 transparent;
border:0 none;
color:#FFFFFF;
height:17px;
margin:0 13px 0 0;
text-align:center;
width:17px; 

ラベルで代用しようかと思ったのですが、スタイリングがどうなのか、設定やコツがあるのでしょうか。どのように変換すればいいのか、もっといい方法があるのか、それともこれしかないのか。

解決方法は？

<input type="text" value="3" class="field left" readonly>

スタイリングは必要ありません。

参照 <input> をMDNに掲載しました。 https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes