我试图让输入自动调整大小以适应内容(比需要的不是更大或更小)输入宽度自动(基于内容长度autoresized)
form {
white-space:nowrap;
background: #ddd;
border: 1px solid #ccc;
margin:10px;
padding: 5px;
display:inline-block;
}
input, button {
display:inline-block;
}
input {
max-width: none;
min-width: 0;
width: auto;
-moz-appearance: none;
}
<form>
<button>-</button>
<input type="text" value="0"> minutes
<button>+</button>
</form>
<form>
<button>-</button>
<input type="text" value="500"> minutes
<button>+</button>
</form>
但宽度auto
没有按至少在Firefox中,至少在做这个伎俩,
任何想法为什么?
我觉得这个幅度是最小的,我们当我们使用'输入'标签时得到了 –
所以noworkork只与css? –
您可以使用尺寸属性:http://jsfiddle.net/p3cwwvow/? – sinisake