如何制作按钮，输入填充整个表格单元格？留下微小的空隙

Question

我正在尝试使用按钮填充整个表格单元格，并使用下拉列表填充另一个单元格。

如果你看看我的JSFiddle，我就会遇到麻烦，细胞和桌边之间有一点间隙。

我尝试了几种不同的方法，但我似乎无法弄清楚如何消除差距。

任何有关此的帮助将不胜感激。谢谢！

input, select {
    margin:0;
    padding:0;
    height:100%;
    width:100%;
}

JSFiddle

Answer 1

如果您指的是输入和选择框上方和下方的大空格，那么您可以通过将height:auto添加到tr代码而不是height: 100px来解决此问题。

如果您想要输入并选择触摸边框，则可以将padding: 0px添加到td标记。

JSFiddle

Answer 2

你的填充：0需要在td上，而不是tr，所以

td {
    padding: 0;
}

并且使用按钮，浏览器构建在一个样式空间中，因此如果您希望它完整，您可以执行以下操作：

input[type=button]{ 
    border: solid 1px #ccc;
}

你将失去对按钮的3d效果