Question

当您将鼠标悬停在表格中的输入字段上时，除了顶部的几个像素外，整个单元格都会变为灰色。这是为什么？我已经尝试将我能想到的所有内容（边距，填充，框阴影等）设置为0或none，但无济于事。

Answer 1

您没有在“输入”字段中定义高度，因此它小于包含的td

td input {
     height:20px;
}

Answer 2

考虑更改您的CSS以检查td:hover而不是input:hover。

而不是：

td input:hover {
    background-color: #8d8d8d;
}

td input {
    width: 100%;
    border: 0;
}

尝试：

td input {
    width: 100%;
    border: 0;
}

td:hover, td:hover input {
    background-color: #8d8d8d;
}