我有一个文本输入
<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;
有什么设定或技巧吗，我想做一个标签，但是样式如何。我如何转换它们，有没有更好的方法或者这是唯一的方法?
当前回答
你只需要在最后添加disabled
<input type="text" value="3" class="field left" disabled>
其他回答
如果你真的想使用CSS，使用下面的属性将使字段不可编辑。
pointer-events: none;
如果你想只读取你的输入，你可以使用readonly属性。你可以使用disabled属性，如果你想显示输入，但完全禁用(即使处理语言像PHP不能读取这些)。
<input type="text" value="3" class="field left" readonly>
不需要造型。
参见MDN上<input> https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes
只读和禁用将工作。但如果你想发送输入值，只需使用readonly并编辑css .field left:focus{outline: none}
添加只读的:
<input type="text" value="3" class="field left" readonly>
如果希望该值不提交到表单中，可以添加disabled属性。
<input type="text" value="3" class="field left" disabled>
没有办法使用CSS总是能做到这一点。
为什么?CSS不能“禁用”任何东西。你仍然可以关闭显示或可见性并使用pointer-events:在ie11之前的版本中，除了pointer-events外没有任何方法可以工作。
