how to make input tag fill a whole <td> in a table with Bootstrap

Question

Good morning,

code here : http://jsbin.com/uhuqog/4/

In a table , when clicking on a <td> with .editable class, the original content of this <td> is replaced by an <input type="text"> with the original content as the value . I would like the input tag to have the same size of the original <td> . I tried to remove some margin and padding applied to the input tag but it didn't work and the <td> 's height and width change when changing input's height and width.

Answer 1

I chose a different approach.

When the <td> is clicked, I calculate its absolute position, its width and height and I place the input above it.