css - ie9 和更少的拉伸绝对输入字段错误

Question

似乎无法拉伸ie9 中的绝对输入字段（使用顶部、左侧、右侧或底部 CSS 规则）。更不用说ie8或ie7了。

http://jsfiddle.net/global_1981/Y6pEj/

Answer 1

演示

嗨，现在你可以更改你的代码，如果可能的话，并label tag在你的表单中添加不使用position

像这样

html

<h1>Testing ie input field, absolutely positioned to fill container</h1>
<div class="container">
    <label><input class="field" type="text" /></label>
</div>

CSS

.container {
  background-color:green;
  width:300px;
  height:100px;
}
label{
margin:5px;
    display:block;
}
.field {
    width:100%;
    border:none;
    margin:0px; padding:0px;
}

现场演示