Chiều cao trường đầu vào căng để điền vào ô bảng

Question

Làm cách nào để bạn tạo một trường đầu vào kéo dài đến chiều cao ô của bảng bằng cách sử dụng css đơn giản cho ie8?

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

height:100% vào đầu vào không hoạt động và cũng như sự kết hợp của:

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

Nếu câu trả lời là bạn không thể, thì đó là tốt, tôi sẽ đặt một số jquery với nhau để làm điều đó .

Answer 1

Thêm padding:0 để td và height:100% nhập

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

} 
td{ 

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

DEMO

Answer 2

Thêm height:100%; đến đầu vào của bạn và thiết lập chiều cao của thẻ td của bạn trong phần trăm