我有一个文本输入
<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;
有什么设定或技巧吗，我想做一个标签，但是样式如何。我如何转换它们，有没有更好的方法或者这是唯一的方法?
当前回答
只是为了完成现有的答案:
输入元素可以是只读的，也可以是禁用的(它们都是不可编辑的，但有一些区别:焦点，…)
好的解释可以在这里找到: HTML表单输入字段的disabled= " disabled "和readonly= " readonly "有什么区别?
使用方法:
<input type="text" value="Example" disabled />
<input type="text" value="Example" readonly />
也有一些解决方案，通过CSS或JavaScript在这里解释。
其他回答
每个输入必须有只读或可编辑的字段，所以使用它
<input type="text" value="3" class="field left" readonly>
你可以在https://www.w3schools.com/tags/att_input_readonly.asp上看到
设置“readonly”的方法:
$("input").attr("readonly", true)
取消“readonly”(在jQuery工作):
$("input").attr("readonly", false)
只是为了完成现有的答案:
输入元素可以是只读的，也可以是禁用的(它们都是不可编辑的，但有一些区别:焦点，…)
好的解释可以在这里找到: HTML表单输入字段的disabled= " disabled "和readonly= " readonly "有什么区别?
使用方法:
<input type="text" value="Example" disabled />
<input type="text" value="Example" readonly />
也有一些解决方案，通过CSS或JavaScript在这里解释。
只读和禁用将工作。但如果你想发送输入值，只需使用readonly并编辑css .field left:focus{outline: none}
你可以在输入中添加属性readonly:
<input type="text" value="3"
class="field left" readonly="readonly">
更多信息: http://www.w3schools.com/tags/att_input_readonly.asp
