How to force free CSS resize on input element when its width is specified?

http://stackoverflow.com/questions/8642255/how-to-force-free-css-resize-on-input-element-when-its-width-is-specified

by Wexcode

HTML

<div class="input"><input type="text" /></div>
<hr />
<div class="input input-large"><input type="text" /></div>

CSS

.input { 
    min-width: 200px;
    display: inline-block; }
.input.input-large { 
    width: 500px; }
input {
    width: 100%; }