拉伸輸入字段高度以填充表格單元格

如何使用普通的css for 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的一起做。

來源

2013-04-03 Jimmyt1988

添加padding:0到TD和height:100%輸入

input{ 
height:100%; 
    display:inline-block; 
    position:relative; 

} 
td{ 

    border:solid green 1px; 
    background:pink; 
    padding:0 
}

DEMO

來源

2013-04-03 11:21:48 Sowmya

您的代碼不起作用： http://jsfiddle.net/Rs2eT/2/ :( – Jimmyt1988

）爲了澄清一些混淆，這段代碼可以在例如Chrome中運行，但它不適用於例如Firefox。 – thirtydot

既不在ie10 – Jimmyt1988

-1

添加height:100%;到您的輸入和百分比的td標籤的設置高度

來源

2014-09-25 09:10:37 DerBesondereEin

拉伸輸入字段高度以填充表格單元格

回答

相關問題