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

时间:2013-04-03 11:19:14

标签: html css input height

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

   <table>
    <tr>
        <td>line1<br />line2</td>
        <td><input type = "text" /></td>
    </tr>
</table>
输入上的

height:100%不起作用,也没有组合:

    height:inherit;
    display:inline-block;
    position:relative;

如果答案是你不能,那就没关系,我会把一些jquery放在一起做。

2 个答案:

答案 0 :(得分:1)

padding:0添加到td,将height:100%添加到输入

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

<强> DEMO

答案 1 :(得分:-1)

height:100%;添加到您的输入中,并以百分比

设置您的td标记的高度