Javascript 用输入框替换td数据会更改列的长度

我希望问题很简单，table表示数据，通过悬停td元素，我用文本输入替换它。问题是输入框有一些默认宽度，这使得表格闪烁

如何使用正确设置输入框？我是否应该使用第一个td宽度大小并简单地设置为输入框

//更好的是，输入框和外部的字体不同

//删除轮廓

---

我想问题现在已经找到了，当设置文本比行的宽度大一点时，行的比例会更大，但输入框适合文本内部，并且不会改变宽度。

使用特定的宽度（不是100%，而是像100px）设置输入样式这应该可以解决问题。在进行更改之前，您可以先获得表格单元格的宽度，然后再应用它，但是您还需要补偿任何填充、边距和边框。

为td设置一个宽度，td内的输入会使闪烁变得不那么明显

td {
padding: 5px; 
width:10px;    
}

td input {
    width:10px;
}

---

只是设定宽度？我感到困惑的是，代码是以小提琴的形式发布的，因为我可以看到其他三篇文章都有相同的答案，分别为表格指定了一定的宽度，然后为每个输入指定了相同的宽度。好了，比以前好多了，但问题还是一样。我还建议添加一些填充的包装器？我不明白你为什么需要输入。它们与表单一起使用，你没有表单，所以如果你不打算发布，为什么不添加一个

，它没有任何隐含的度量值呢？这是图片