Html 拉伸输入字段高度以填充表格单元格

Html 拉伸输入字段高度以填充表格单元格,html,css,input,height,Html,Css,Input,Height,如何使用ie8的纯css将输入字段拉伸到表格单元格的高度 <table> <tr> <td>line1<br />line2</td> <td><input type = "text" /></td> </tr> </table> 如果答案是您不能,那么这很好,我将把一些jquery放在一起来做。将填充:0添加到td,将高

如何使用ie8的纯css将输入字段拉伸到表格单元格的高度

   <table>
    <tr>
        <td>line1<br />line2</td>
        <td><input type = "text" /></td>
    </tr>
</table>

如果答案是您不能,那么这很好,我将把一些jquery放在一起来做。

填充:0
添加到td,将
高度:100%
添加到输入

input { 
    height:100%; 
    display:inline-block;
    position:relative;
}
td {        
    border:solid green 1px;
    background:pink;
    padding:0;
}

添加
高度:100%到您的输入,并以百分比设置td标签的高度

为消除一些混淆,此代码将在例如Chrome中工作,但在例如Firefox中不工作。示例中有什么不工作?当我模仿IE8时,我似乎无法让JSFIDLE工作。
input { 
    height:100%; 
    display:inline-block;
    position:relative;
}
td {        
    border:solid green 1px;
    background:pink;
    padding:0;
}