Html 如何在表格单元格CSS中设置文本框宽度

我正在使用mvc webgrid，它在运行时呈现表格。我希望我的文本框宽度与表格单元格宽度相同。每个表格单元格都有一些，当我设置textbox

width=100%

时，用户界面就会变得一团糟。 我使用下面的css

.edit-mode {
    width: 100%;
    display: inline;
}

因此，我正在寻求有关css的帮助。这是我的网格的图像。

这里是JSFIDLE链接，任何人都可以在这里看到我的css和html代码

---

正在寻找css指南。

如果我理解正确，您需要应用正确的宽度：

---

将以下内容添加到输入样式：

display: inline;
width: 100%;
height: 100%
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: none;  /* if you want no box around the input field */

---

同样，在td风格的输入中，删除填充规格

比我快28秒！对不起，运气不好。我应用了你的css，但得到了相同的用户界面。我希望我的文本框的高度和宽度与表格单元格的高度和宽度相同。@Mou啊，没有注意到高度。。。请更新您的身高问题。我的意思是，奇怪的是，因为这将是一个文本区域。您可以查找应用于单元格本身的属性contenteditable=“true”，因此整个单元格是一个编辑区域。我应用了你的css，但得到了相同的用户界面。我希望我的文本框的高度和宽度与表格单元格的高度和宽度相同。我在你的小提琴上做了，但只尝试了宽度。。。不确定高度

display: inline;
width: 100%;
height: 100%
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: none;  /* if you want no box around the input field */