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;
}

ライブデモ