Html 拉伸输入字段高度以填充表格单元格
如何使用ie8的纯css将输入字段拉伸到表格单元格的高度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,将高
<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;
}